尝试添加 select 元素

Question

我正在尝试在特定 div 中添加 <select>，该 div 有一个 class，由 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 并找到 return第一个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);

尝试添加 select 元素

Trying to add a select element

html

jquery

bookmarklet