jQuery 附加调用两次

Question

我正在尝试将注释附加到 <dd>标签在我的页面中，但由于某种原因，它发生了两次。这是<dd>我试图附加到的标签:

<dd>
    <input type="hidden" value="Choose a Country" class="FormFieldChoosePrefix">
    <input type="hidden" value="11" class="FormFieldId">
    <input type="hidden" value="2" class="FormFieldFormId">
    <input type="hidden" value="singleselect" class="FormFieldType">
    <input type="hidden" value="Country" class="FormFieldPrivateId">
        <select size="1" name="FormField[2][11]" id="FormField_11" style="" class="Field200 FormField">
            <option value="">Choose a Country</option>blah blah</select>
-- want code to be added here --
</dd>

我尝试过使用以下内容:

$('dd:contains("Choose a Country").append('whatever');

$('#FormField_11').parent().append('whatever');

$('#FormField_11').parent().first().append('whatever');

甚至

if ($('#FormField_11').parent().html().indexOf('whatever') == -1){
    $('#FormField_11').parent().append('whatever');
}

一切都无济于事 - 每次，“无论”都会出现两次。然而，最奇怪的部分是，我对另一个 <dd> 做了同样的事情。稍后在页面中添加标签，效果完美:

<dd>
    <input type="hidden" value="Choose a Country" class="FormFieldChoosePrefix">
    <input type="hidden" value="21" class="FormFieldId">
    <input type="hidden" value="3" class="FormFieldFormId">
    <input type="hidden" value="singleselect" class="FormFieldType">
    <input type="hidden" value="Country" class="FormFieldPrivateId">
    <select size="1" name="FormField[3][21]" id="FormField_21" style="" class="Field200 FormField">
            <option value="">Choose a Country</option>
            blah blah
        </select>
</dd>

还有我的 javascript，它可以工作:

$('#FormField_21').parent().append('whatever');

谢谢

Answer 1

这是因为 .append() 是在 $('#FormField_11') 之上进行计算，而不是 .parent() .

这就是 jQuery 的工作原理。

要做你想做的事，你可以这样做:

var x = $('#FormField_11').parent();
x.append('whatever');