jQuery 循环遍历两个 DIV 中的元素

Question

我有一个脚本，它循环遍历 DOM 元素列表并在找到它们时对其进行操作。我遇到的问题是我需要在两个不同的 div 中搜索相同的元素。

这是我到目前为止所拥有的

var elements = {
            1 : "h1",
            2 : "h2",
            3 : "h3",
            4 : "h4",
            5 : "p",
            6 : "li",
            7 : "a",
            8 : "td",
            9 : "span",
            10 : "img"
        }

        $.each(elements, function(key, val){
            if(val != "img") {
                if($(".t_content " + val + ":not([id^=element])"))
                    $(".t_content " + val + "[id^=element]").addClass('t_element');
            } else {
                $('.t_content, .t_component').find('img, div > img').addClass('t_element edit_img_area').removeClass('yellow');
                $(val).unwrap('a');
            }
        });

我当前搜索的 div 是 $(".t_content") 但我想搜索 .t_content 和 .t_component code>... 我知道您可以像这样搜索 $(".t_content, .t_component") 但我不知道如何将其合并到此脚本中。

感谢您的帮助！

Answer 1

无需循环，只需一次选择所有元素即可：

$('h1, h2, h3,... ').doSomething()

Answer 2

为什么不做这样的事情：

$("h1, h2, h3, h4 ...", $(".t_content, .t_component")).not("[id^=element]").addClass("t_element");

您可以将第二个参数（上下文）传递给 jQuery 中的 $() ，告诉它在上下文中查找选择器中的项目。在您的情况下，您的第二个参数将是您要在其中搜索的两个 div：$(".t_content, .t_component")。

Answer 3

您可以这样做：

$elements = $('h1,h2,h3,h4,...');
$elements.whateverHere();

或者，另一种方式，如果您将项目存储在一个简单的数组中，您可以这样做：

elements = ['h1','h2','h3'];
for(x in elements){
   if(elements[x] == 'h1'){/*Do something here*/}
}

在第一个示例中，我为您保存 $elements ，以使其更加干燥，因为您可以只重用这一块，如果您想在其他地方使用它，它会更快，因为元素现在缓存在 jQuery 中。

以下是如何循环遍历 JSON：

for (var key in element) {
  if (element.hasOwnProperty(key)) {
    alert(key + " -> " + element[key]);
  }
}

我将其放入一个数组中，因为它看起来不需要查看键和值，您只需要一个要检查的元素数组。