Възможно е веригирането на този код в jquery? или как бих могъл да се подобря?
$(document).ready(function() {
$("ul li:nth-child(2) .collapse-styled").addClass("in");
$("ul li:nth-child(2) .collapse-link a").removeClass("collapsed");
});
Отговори:
0 за отговор № 1Не. Не можете да веригирате и двете твърдения, тъй като двата елемента са на отделни клонове един от друг. НО, бих предложил да запазите li
за да съкратите времето за търсене така:
$(document).ready(function() {
var $li = $("ul li:nth-child(2)");
$li.find(".collapse-styled").addClass("in");
$li.find(".collapse-link a").removeClass("collapsed");
});
Забележка: Технически, МОЖЕТЕ да ги веригирате, като се качвате по дървото на документите, но би било много неефективно. Например (ако имате само един li
майка):
$("ul li:nth-child(2) .collapse-styled").addClass("in").closest("li").find(".collapse-link a").removeClass("collapsed");
Съжалявам, че не го използвате.
1 за отговор № 2
$(document).ready(function() {
var $listElement = $("ul li:nth-child(2)");
$listElement.find(".collapse-styled").addClass("in");
$listElement.find(".collapse-link a").removeClass("collapsed");
});