检查元素是否属于同一个父元素

Ale*_*erd 1 jquery jquery-plugins jquery-selectors

我有另一个问题。例如我们有一个 HTML:

<div id="imageDiv>
<a id="testA">
    <img alt="" src "" id="img1">
    <img alt="" src "" id="img2">
    <img alt="" src "" id="img3">
    <img alt="" src "" id="img4">
    <img alt="" src "" id="img5">
</a>
    <img alt="" src "" id="img6">
</div>
Run Code Online (Sandbox Code Playgroud)

我如何从最低级别检查,如果可能的话,使用简单的 JQuery 选择器或扩展,id 为 1 到 5 的图像具有相同的父级,但 id 为 6 的图像不具有相同的父级。

换句话说:如何检查 id 为 1 到 5 的图像是否是兄弟姐妹()?

多谢

art*_*rtm 5

请参阅http://jsfiddle.net/t324Lwoy/1/

function areSiblings(e1, e2){
    return $(e1).parent().children().is($(e2));
};

console.log(areSiblings("#img1", "#img3"));
console.log(areSiblings("#img2", "#img5"));
console.log(areSiblings("#img1", "#img6"));
Run Code Online (Sandbox Code Playgroud)

更新:

或者

function areSiblings(e1, e2){
    return $(e1).siblings().is($(e2));
};
Run Code Online (Sandbox Code Playgroud)

  • 使用“.siblings()”代替“.parent().children()” (3认同)