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에 div이 포함되어 있고 id에 sheet1이 표시되거나 숨겨져 있습니다.

Answer 1

정확하게 이해했다면 div의 부모 인 div을 id이 "sheet1"로 시작하도록 선택하려고합니다. 맞습니다 경우

는 다음을 수행 할 수 있습니다 : "시트 1"로 시작하는 id 모든 div 요소를 선택합니다

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

합니다. 그런 다음 each을 사용하여 요소 세트를 반복하고 각 요소의 parent을 가져 와서 부모 div에 액세스 할 수 있습니다.

부모가 div이되면 show 또는 hide을 사용하여 표시하거나 숨길 수 있습니다.

각 일치하는 부모 div의 id에 대해 경고하는 example fiddle을 참조하십시오. 당신이 찾고있는 div 아이가 조상 div의 직접적인 자식이 아닌 경우

업데이트

, 당신은 당신의 id와 첫 조상에게 div의 div를 찾기 위해 DOM 트리를 올라 parent().closest('div')을 사용할 수 있습니다 .

질문에 "div ... div ..."이 포함되어 있으므로이 메서드는 첫 번째 조상 인 div을 가져옵니다. 어린이 div이 테이블에 포함되어있는 this fiddle을 참조하십시오.

Answer 2

$('div').has('div[id="sheet1abc"]').text(); 
$('div').has('div[id="sheet1xyz"]').text(); 

Answer 3

잡아에게 그 ID가 '시트 1'을 포함하는 모든 div의는 그들의 가장 가까운 컨테이너 div 잡아 :

$('div[id*=sheet1]').map(function() { 
    return $(this).parents('div:first')[0] 
});