Skip to main content
 首页 » 编程设计

jquery之使用 jQuery 检查子项是否是父项的唯一内容

2026年07月28日7yyy_WW

我需要检查链接(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"); 

Live DEMO