jQuery - "each"范围内？

Question

我有三个 td，并且正在尝试将每个内部的函数限制为仅该 td。我该怎么做呢？使用此代码，它会获取所有 3 个图像并将它们全部插入到 h2 之前:

jQuery("td.frontpage_news").each(function() {
    jQuery("span.frontpage_news p:first-child").has("a img").insertBefore("h2.contentheading.frontpage_news");      });

Answer 1

您可以使用 $(this) 获取当前正在由 each 处理的元素 - 将该对象与 find 结合使用。将允许您确定调用范围:

jQuery("td.frontpage_news").each(function() {
    var $that = jQuery(this);
    var $thatHeading = $that.find("h2.contentheading.frontpage_news");
    $that.find("span.frontpage_news p:first-child")
         .has("a img").insertBefore( $thatHeading  );
});

这假设内容标题和头版新闻项目是 td 的子项。