jquery - 将元素附加到当前标签的最后一个

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>');

工作小提琴

Answer 2

我建议：

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

JS 小提琴演示。

检查是否有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 小提琴演示。

参考：

• each().
• insertAfter().

Answer 3

试试这个，

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

JSFiddle