Как облагородить код на Jquery?

Question

[Антон Щербаков]

Элементы строятся через Jquery. Как избавится от вложенных функций (в данном случае listElements_randClass), но при этом сохранить условие IF / ELSE, применительно к методу append?

Уточнение в условиях, где применяется переменная var retHtml = 'data ...' может быть что угодно (например цикл).

function listElements(o) {
	var result = $('<div/>', {
		'class':'randClass'
	})
		.append(
			function listElements_randClass() {
				if (o == 0) {
					var retHtml = 'data 1';
				} else {
					var retHtml = 'data 2';
				}
				return retHtml;
			}
		)
	return result;
}

Answer 1

[Dark Hole]

Логичный вопрос: а зачем? Упрощенные формулы могут в какой-то момент сдать и придется все переделывать. Если вам не нравится, что вы объявляете функцию - объявите анонимную(без имени, т.е. function(){}() ) функцию. И да, код не рабочий! Потому, что вы объявляете функцию в append, но не вызываете ее. В результате, append получит клон функции.

Comments

[Антон Щербаков]

Функция listElements(o) вызывается из иной функции или события. Это легко заметить по передаваемому значению 'o'. Если вы про вложенную функцию listElements_randClass(), то да, она тоже вызывается. Так что код рабочий. В данном примере предоставлен просто кусок кода который генерирует элемент(ы) и возвращает результат.

Меня интересует возможность, как используя метод append, сохранить условие без использования функции. Вынос условия за пределы переменной result - не подходит.

[Dark Hole]

Антон Щербаков: но облагораживать, вообщем-то нечего

[Антон Щербаков]

Dark Hole: В конечном счете пришлось отказаться от генерации html-кода через Jquery append. В цикле на 100 итераций, у блока с вложенными 20 элементами - время рендера от 3000 мс на средненьком клиентском железе.
Спасибо за ответ!

[Dark Hole]

Антон Щербаков: ну да. Можно было использовать .html()

Answer 2

[Петр]

return 'data ' + ((o == 0) ? '1' : '2');