jquery .each仅适用于第一个元素

前端之家收集整理的这篇文章主要介绍了jquery .each仅适用于第一个元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我无法理解jqueries.每个.
我有以下代码
$('#testDiv').each(function(index,domEle){    
    $(this).text(index);
});
@H_404_5@和以下HTML

<div id="p18">
    <div class="inner">
        <span>...</span>
        <p class="right">...</p>
        <div id="testDiv"></div>
    </div>
</div>
<div id="p19">
    <div class="inner">
        <span>...</span>
        <p class="right">...</p>
        <div id="testDiv"></div>
    </div>
</div>
<div id="p20">
    <div class="inner">
        <span>...</span>
        <p class="right">...</p>
        <div id="testDiv"></div>
    </div>
</div>
@H_404_5@当脚本运行时,它仅适用于第一个testDiv,因为它正确地将文本设置为0,而不是其他testDivs.

@H_404_5@我的总体目标是编写一个脚本,根据另一个div的高度设置div的高度.高度不同所以我认为循环结构是要走的路(除非我弄错了?)

@H_404_5@我对jq代码做错了什么?

解决方法

您不能对不同的元素使用相同的#id.尝试重命名其余部分,您将获得所需的结果 @H_404_5@或者这样做(无需添加任何类即可工作 – 更干净的代码)

$('.inner div').each(function(index,domEle){    
    $(this).text(index);
});

猜你在找的jQuery相关文章