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

时间:2015-07-27 13:23:45

标签: 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>

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

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

非常感谢

1 个答案:

答案 0 :(得分:4)

请参阅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"));

更新

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