当前位置 : 主页 > 网页制作 > JQuery >

在jQuery或JavaScript中,选择与父元素相邻的子元素

来源:互联网 收集:自由互联 发布时间:2021-06-15
我正在尝试选择与父级连接的子元素.例如,在下面的 HTML中,我只想选择第二和第四段的子(强),因为在这两种情况下,子和父级是邻接的(即子级和父级元素之间没有文本或标记): pThis is
我正在尝试选择与父级连接的子元素.例如,在下面的 HTML中,我只想选择第二和第四段的子(强),因为在这两种情况下,子和&父级是邻接的(即子级和父级元素之间没有文本或标记):

<p>This is line <strong>number one</strong></p>
<p><strong>This is line number two</strong></p>
<p>This <strong>is line number three</strong></p>
<p><strong>This is line</strong> number four</p>

如果可能的话,我如何只使用选择器来做到这一点?!

您可以使用过滤方法:

$('p > strong').filter(function(){
   return !this.previousSibling;
});

FIDDLE

网友评论