jquery - 使用 jquery 迭代和处理子元素 - $(this) 的正确使用

Question

我试图让jquery找到一对元素，取其中一个元素的值，处理它并使其成为下一个元素的值，冲洗并重复。

        $(function() {

                $("div").each(function() {
                var longURL = $(this).attr("href");
                $(this).html("processed "+longURL);
                });

        });

    <div class="long" href="plop"></div>
    <div class="short" href="plip"></div>
    <div class="long" href="plopouze"></div>

输出是:

processed plop
processed plip
processed plopouze

所以这是有效的，因为它选择了所有的 div，以某种方式证明了 every() 可以处理多个对象；但我无法理解如何使用类选择器正确选择那些 $(this) 对象，例如 $(this).(.myclass) (在本例中) $(this).('.short')) 不起作用..？

Answer 1

我不确定您要做什么，但如果您只想选择具有特定类的 div，您可以这样做。

$("div.long").each(function() {
  var longURL = $(this).attr("href");
  $(this).html("processed "+longURL);
});

这只会循环使用 long 类的 div。

或者，您可以使用.hasClass来查看元素是否具有特定的类。

$("div").each(function() {
  if($(this).hasClass('long')){
    var longURL = $(this).attr("href");
    $(this).html("processed "+longURL);
  }
});

这将循环遍历所有 div，然后检查每个 div 的类，看看它是否为 long。