Question

可以在jquery中链接这段代码吗？或者我如何改进？

$(document).ready(function() {
  $("ul li:nth-child(2) .collapse-styled").addClass('in');
  $("ul li:nth-child(2) .collapse-link a").removeClass('collapsed');
});

Answer 1

$(document).ready(function() {
   var $listElement = $("ul li:nth-child(2)");
   $listElement.find(".collapse-styled").addClass('in');
   $listElement.find(".collapse-link a").removeClass('collapsed');
});

Answer 2

没有。您不能链接两个语句，因为这两个元素在彼此不同的分支上。但是，我建议保存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');

我记得你不能使用它。

可以在jQuery中链接这段代码吗？

2 个答案: