jQuery的：找父母兄弟姐妹屬性值

Question

代碼：

 
<div class="bf3l bf3s"> 
    <div class="fleft">some text</div> 
    <div class="tool_click_lbl" data-container-id="trgt_area_container">select</div> 
    <div id="codeid_15txt" class="fleft pad0_10 blue">location</div> 
    <div id="trgt_area_container" class="slider_container"> 
    <div class="slider_closex fright"></div> 
    <div class="slider_title fleft">area</div> 
    <div class="fixer"></div> 
    <ul> 
     <li class="xhn_select">some other text</li> 
     <li class="xhn_select">some other text</li> 
     <li class="xhn_select">some other text</li> 
    </ul> 
    </div> 
</div> 

我點擊：其它文本

我想找到屬性的值：數據容器的id

我試過了（沒成功）：

 
$(this).closest('tool_click_lbl', 'bf3s').attr('data-container-id'); 

Answer 1

試試這個：

$(this).closest('.bf3s').find('.tool_click_lbl').data('container-id'); 

Answer 2

試試這個

使用parents()，find()，data()

$(this).parents('.bf3s').find('.tool_click_lbl').data('container-id'); 

或

使用siblings()

$(this).parents('.slider_container').siblings('.tool_click_lbl').data('container-id'); 

或使用closest()

$(this).closest('.bf3s').find('.tool_click_lbl').data('container-id'); 

Answer 3

可能是：

$(this).parent().prevAll('.tool_click_lbl').attr('data-container-id'); 

但.closest（）的方式，似乎在這裏更準確