Сохранение объектов (селекторов) в переменных (jQuery)


Если для получения нужного элемента на странице, вам приходится писать достаточно длинный «селектор», то вы можете существенно сократить код, сохранив выбранный элемент в переменной.

К примеру, нам нужно найти первого родителя ссылки с идентификатором, который расчитывается динамически, и добавить к нему класс «active»:

1
2
3
<script>
$("#page-" + pages[i]).parent().addClass('active');
</script>

В общем то, нормальной длины строчка, но если еще и дальше в коде потребуется выполнять какие-то манипуляции с найденным родителем, то нам придется повторять селектор несколько раз. Здесь целесообразно сохранить найденный элемент в переменной, а уже затем работать с ней:

1
2
3
4
$parentEl = $("#page-" + pages[i]).parent();
$parentEl.addClass("active");
... // тут еще какой-то код
$parentEl.html("<div>Какой-то контент</div>");

Таким образом, код становится намного чище и понятнее.





Случайные посты

Категория: jQuery

Оставить комментарий