我需要检查链接(a-标签)是否是段落标签(p)内的唯一内容(而不仅仅是唯一的子内容)。因此,如果 p 标签如下所示:
<p>Here we have some text inside the p-tag. Then there's <a href="#">link</a>.</p>
<a>标签不是 p 标签内的唯一内容,因为还有文本。
但是如果<p>标签看起来像这样:
<p><a href="#">Nothing but a link inside this p-tag</a></p>
<p>里面的唯一内容标签是链接。
如果 <p>标签仅包含 <a>标签我想将某个类添加到 <a>标签。
我正在使用这段代码:
$("#MainColumn p a:only-child").addClass("singleLink");
但此代码仅检查 a 标记是否是 p 标记的唯一子标记,而不是检查它是否是唯一的内容。这就是我目前陷入困境的地方。
请您参考如下方法:
使用一个选择器就可以非常简单:
var $content = $("#MainColumn p:has(a)").filter(function() {
return $(this).contents().length === 1;
}).children('a').addClass("singleLink");
