Question

我有两个父div，它有相应的子div。我想在我的第二个div的子div中修改一些内容但它没有id。如何在不影响第一个父div的子div的情况下这样做？

<div class="main">        
    <div id="loggedin" class="container-fluid">
    </div>
</div>
<div class="main">
    <div class="container-fluid">
    </div>        
</div>

Answer 1

试

$(".main:eq(1) .container-fluid");

或

$(".main:eq(1)").find(".container-fluid");

DEMO

Answer 2

您可以在此处使用.eq()选择器：

$('.main .container-fluid:eq(1)');

或:not选择器：

$('.main .container-fluid:not(#loggedin)');

Answer 3

一个纯粹的JavaScript解决方案：

var elems=document.getElementsByClassName("container-fluid");
var item=elems[1];

Answer 4

这是您需要的

$('.main').eq(1).children('div').text()

检查this小提琴

对于更多DOM遍历，请通过this链接

识别没有id的div

4 个答案:

DEMO