Question

我想知道如何在一个jQuery语句中拥有多个ID和一个类。所以，假设我有这个：

<div id="content1">
    <div id="names">
        <div class="subheader">
            Other names
        </div>
        <div class="subtext">
        </div>
    </div>
    <div id="age">
        <div class="subheader">
            Age
        </div>
        <div class="subtext">
        </div>
    </div>
</div>
<div id="content2">
    <div id="names">
        <div class="subheader">
            Other names
        </div>
        <div class="subtext">
        </div>
    </div>
    <div id="age">
        <div class="subheader">
            Age
        </div>
        <div class="subtext">
        </div>
    </div>
</div>

我现在该怎样做：

$("#content #names.subtext").html("some name");

我还尝试使用姓名和年龄作为班级。但我有同样的麻烦。这个问题真的是一个问题，或者通常应该如何解决呢？

Answer 1

您可以使用.find

$('#content').find('#names').find('.subtext').html('foo');

Answer 2

由于ID必须是唯一的，因此您必须使用类：

<div id="content1">
    <div class="names">
        <div class="subheader">
            Other names
        </div>
        <div class="subtext">
        </div>
    </div>
    <div class="age">
        <div class="subheader">
            Age
        </div>
        <div class="subtext">
        </div>
    </div>
</div>
<div id="content2">
    <div class="names">
        <div class="subheader">
            Other names
        </div>
        <div class="subtext">
        </div>
    </div>
    <div class="age">
        <div class="subheader">
            Age
        </div>
        <div class="subtext">
        </div>
    </div>
</div>



$(".names .subtext").html("some name");

Answer 3

如果元素是您内容的直接子元素，则可以使用css的子选择器：

$('#content > #names > .subtext').html('some name');

Demo

一个jQuery语句中的多个类或ID用于寻址一个特定元素

3 个答案: