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（）;

//首先如何选择容器类，然后选择 button-1
的ID
}

修改

<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

请试试这个

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

Jsfiddle link

找到宽度：

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

Answer 2

您可以将其命名为previous sibling：

$(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"));

Fiddle Demo

希望它可以帮到你

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

3 个答案: