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>このようにラベルを選択して、入力の最後にa を追加したい

$('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

これを試して、

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

JSFiddle

Answer 3

私はお勧めします：

$('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().