jquery - 如何使用最接近的方法选择最接近的类及其 id

Question

<div id="demo">
    <div class="moduletable">
        <div class="demo">
            <div class="demo-wrap">
                <div class="container" id="button-1">Button-1 contents</div>
                <div class="ctrl">
                    <div><a href="#buttton-1">Button-1</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

jQuery

$('ctrl').click(function(){

$(this).closest('.container #button-1').width();

// 如何先选择类容器，然后选择它的 id 是button-1

}

编辑

<div class="container" id="button-1">Button-1 contents</div>
<div class="container" id="button-2">Button-2 contents</div>
<div class="ctrl">
<div><a href="#buttton-1">Button-1</a>
</div>
</div>

如果按下一个按钮，我如何获取容器宽度作为它的 id，它应该提醒 button-1 宽度，如果另一个它应该提醒 button-2。

Answer 1

请试试这个

$('.ctrl').click(function(){
    alert($(this).prev(".container").attr('id'));
});

Jsfiddle 链接

要找到宽度：

$('.ctrl').click(function(){
    alert($(this).prev(".container").width());
});

Answer 2

你可以找到它作为前一个兄弟：

$(this).prev(".container")

然后抓住它的ID：

$(this).prev(".container").prop("id");

编辑：要获得它的宽度：

$(this).prev(".container").width();

Answer 3

尝试

$(".ctrl").on("click",function(){
       alert($(this).parent().parent().find('.container').attr("id"));

小提琴演示

希望对你有帮助