根据使用Jquery的划分选择一个除法

Question

<div class = ui-dialog-abc ui-dialog-xyz>
<div id = "sheet1abc">
</div>
</div>

<div class = ui-dialog-abc ui-dialog-xyz>
<div id = "sheet1xyz">
</div>
</div>

<div class = ui-dialog-abc ui-dialog-xyz>
<div id ="sheet2foo">
</div>
</div>

<div class = ui-dialog-abc ui-dialog-xyz>
</div>

我可以根据它包含的div来选择div吗？我想使div包含div其id包含sheet1可见或隐藏.

Answer 1

如果我理解正确,你正在寻找,选择div是的父div与id以"工作表Sheet1"开始.

如果这是正确的,您可以执行以下操作:

$("div[id^=sheet1]")

这将选择所有以"sheet1"开头的div元素id.然后,您可以使用元素集循环each并获取parent每个元素以访问父元素div.

拥有父级后div,您可以使用show或显示/隐藏它hide.

查看一个示例小提琴,其中我提醒id每个匹配的父级div.

更新

如果孩子div你要找的是不是祖先的直接孩子div,你可以使用parent().closest('div')爬上DOM树找到第一个祖先div的div你id.

这个问题要求得到" div包含div......",所以这个方法将得到第一个祖先div.看到这个小提琴,其中儿童div被包含在一张桌子里.