jquery - 如何使用jquery选择具有相同名称的连续div中的所有项目

Question

我有一个小问题：我想连续选择所有项目。

<div class="exp1">
    <div class="inn">
        // some code is here
    </div>
    <div class="inn">
        // some code
    </div> 
    //similar divs
</div>//end of exp1


<div class="exp1">
    <div class="inn">
        // some code is here
    </div>
    <div class="inn">
        // some code
    </div> 
    //similar divs
</div>//end of exp1

没有打字错误。所以我想选择所有的“inn” div，并根据它们对应的“exp1” div 进行一些 CSS 更改，例如高度和宽度，但是当我使用 jQuery 时，它只选择第一个。我正在使用的 jQuery 是：

$('div.exp1 div.inn').each(
                        $(this).css({
            width:$('div.exp1').width()-1,
            height:$('div.exp1').height()-1
            }););

Answer 1

将“inn”类分配给您要像这样选择的所有 div<div class="inn"></div>

那么你要做的是

$('.inn').each(function() {
  $(this).css('width', '30px');
});

Answer 2

$('div.exp1 div.inn').each(function() {
                    $(this).css({
        width:$(this).parent().width()-1,
        height:$(this).parent().height()-1
        }});

Answer 3

我们没有您的 jQuery，但根据您的标记（并且您已经修复了您坚持不存在的错字），以下将选择inn应用了类名的所有元素：

var elements = $(".inn");

Answer 4

尝试这个

 $('.inn').each(function(){
   var current_inndiv=$(this);
    current_inndiv.css('width', '30px');

})

Answer 5

$(document).ready(function(){ $('div.inn').css('width','30px'); });

我认为它会解决你的问题