如何用最近的方法选择最近的类及其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 #按钮-1‘).width()； // how to select the class **container** first and then its id that is **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，如果一个按钮按下，它应该警告按钮-1宽度，如果另一个，它应该警告按钮-2。

Answer 1

你可以找到它作为前兄弟姐妹

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

那就抓住它的身份：

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

编辑：获得它的宽度：

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

Answer 2

请尝尝这个

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

Jsfiddle链接

要找到宽度：

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

Answer 3

试一试

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

小提琴演示

希望它对你有帮助