Question

我正在尝试在特定div中添加<select>，该div具有由3个div共享的类。这是代码

<div id="producer_section_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_" class="section_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_ last_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_">
    <div class="field-row_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_">
        <fieldset>

            <span id="producer-name" class="input_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_"></span>
        </fieldset>
    </div>
    <div class="field-row_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_">
        <fieldset>
            <label for="producer-number">Producer Number</label>
            <span id="producer-number" class="input_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_">623886</span>
        </fieldset>
    </div>
    <div class="field-row_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_">
        <fieldset>
            <label for="producer-phone">Phone Number</label>
            <span id="producer-phone" class="input_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_">(888) 407-7044</span>
        </fieldset>
    </div>
    <div class="field-row_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_ last_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_">
        <fieldset>
            <label for="producer-email">Email Address</label>
            <span id="producer-email" class="input_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_">MEDICARE@EHEALTHINSURANCE.COM</span>
        </fieldset>
    </div>


</div>

特别是生产者电子邮件的最后一行。这是我现在尝试使用的代码。

var addSelect = "<select>
Checkcheck</select>";

$('#producer_section_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_ .field-row_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_last_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_' ).append(addSelect);

Answer 1

如果你仔细观察，那最后一个元素实际上有两个类而不是一个。这就是你的选择器无法正常工作的原因。

另外，显然，这些类可能是自动生成的，所以我不会依赖它们。

也许定位producer-email范围然后查询它的父母将是一个更好的方法。

像（未经测试）的东西：

$('#producer-email').parent().append(addSelect);

编辑：

要定位父div而不是fieldset，您可以使用closest('div')它，将向上遍历DOM并找到并返回第一个div }。

所以完整的代码将是（未经测试的）：

$('#producer-email').closest('div').append(addSelect);

Answer 2

您在两个类之间的选择器中缺少.：

$('#producer_section_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_ .field-row_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_.last_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_' ).append(addSelect);

或者你可以使用以下内容来获取集合中的最后一个div：

$('#producer_section_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_ .field-row_ns_Z7_MH8C1H40JOBA50AA7D2DGU00G4_:last' ).append(addSelect);

试图添加一个选择元素

2 个答案: