javascript - 我可以在 jquery 中制作一个包含这个的复合选择器吗？

Question

我有一个函数，它使用 each 遍历集合中的每个元素，并在从 DOM 中删除一个元素后对它们重新编号。

现在这个函数看起来像这样:

renumber_items = function(){
  $(".item_set").each(function(index){
    $(this).find('legend').html("Item " + (index+1));
  });
};

我记得在某处读到 find 是一个非常低效的操作，所以我想知道是否有一种方法可以将 'legend' 选择器与 this 组合成一个复合选择器。

Answer 1

如果每个 .item_set 只有一个 legend，这会稍微简化一下:

renumber_items = function(){
  $(".item_set legend").html(function(index){
      return "Item " + (index+1);
  });
};

.html 可以接受一个函数并存储结果。

如果每个 .item_set 有多个 legend，您将需要保留一个外部 each 以保持每组的数字顺序。

通常，如果您遇到速度问题，在多次调用的函数上，并且 jQuery 选择器结果在一组固定的元素上，您只需在页面加载时将搜索存档到一个变量并重复使用:

var $legends = $(".item_set legend");
renumber_items = function(){
  $legends.html(function(index){
      return "Item " + (index+1);
  });
};