将元素追加到当前标签的最后一个

Question

我有这样的多个div：

<div>
<label for="mobile">Mobile number:</label>
<input type="text" name="mobile" id="mobile"  class="inputbox " value="1234"/>
</div>

现在我想通过选择像这样的标签

在输入的末尾添加<p>some text</p>

$('label[for="mobile"]')

结果应该是这样的：

<div>
<label for="mobile">Mobile number:</label>
<input type="text" name="mobile" id="mobile"  class="inputbox " value="1234"/>
<p>some text</p>
</div>

我该怎么做？

Answer 1

试试这个，

$('label[for="mobile"]').closest('div').append('<p>some text</p>');

Working fiddle

Answer 2

我建议：

$('input[id]').each(function(i,e){
    $('<p />', {
        'text' : 'Paragraph following the ' + e.id + ' element.'
    }).insertAfter(this);
});

JS Fiddle demo

检查是否存在与label对应的input元素：

$('input[id]').each(function(i,e){
    if ($('label[for="' + e.id + '"]').length){
        $('<p />', {
            'text' : 'Paragraph following the ' + e.id + ' element.'
        }).insertAfter(this);
    }
});

JS Fiddle demo

参考文献：

• each()。
• insertAfter()。

Answer 3

试试这个，

$('div > input').after('<p>some text</p>');

<强> JSFiddle