jquery:查找父兄弟属性值

时间:2013-06-12 18:07:37

标签: jquery

代码:

<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>

我点击:其他一些文字

我想找到属性的值: data-container-id

我尝试过(没有成功):

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

3 个答案:

答案 0 :(得分:6)

试试这个:

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

答案 1 :(得分: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');

答案 2 :(得分:0)

可能是:

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

但是.closest()方式在这里似乎更准确