jquery选择[ anchor tag中的斜体标签内的类

Question

我必须选择页面上所有其文本包裹在具有pdf类的i标记中的锚标记。

<a href="somewebsite.com"><i class="pdf"> </i>this is the text</a>

我有这个，这似乎是错误的：
$( "a>i" ).each (function() {
  $(this).find(".pdf");
  alert("This is a PDF icon in an <i> tag");
});

该警报似乎响了两倍的次数。
请帮助。预先感谢！

Answer 1

这可以通过jQuery :has selector完成：

:has

取决于您的目标，您可能根本不需要使用$("a:has(i.pdf)")
。例如，如果您想将这些链接变成红色...
 
.each()
$("a:has(i.pdf)").css("color", "red");
a{display:block;}

Answer 2

或通过对脚本进行一些小的调整来检查

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="somewebsite.com"><i class="pdf"></i>this has &lt;i class="pdf"&gt;</a>
<a href="somewebsite.com"><i class="pdf"></i>this has &lt;i class="pdf"&gt;</a>
<a href="somewebsite.com">this does not have &lt;i class="pdf"&gt;</a>
<a href="somewebsite.com"><i class="pdf"></i>this has &lt;i class="pdf"&gt;</a>

是否具有该类：

<i>