是否可以在jQuery中链接此代码？

是否可以在jquery中链接此代码？或者我该如何改进

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

---

不可以。不能将这两个语句链接起来，因为这两个元素彼此位于不同的分支上。但是，我建议保存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父级：

---

我建议您不要使用它。

您当然可以将它链接起来，但它会变得很难阅读。我建议只缓存ulli:nth-child2选择器并重新使用它。

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

$("ul li:nth-child(2) .collapse-styled").addClass('in').closest("li").find(".collapse-link a").removeClass('collapsed');