добавить элемент к последней из текущей метки

0

У меня есть несколько разделов вроде этого:

<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>

Как я могу это сделать?

Теги:

3 ответа

3
Лучший ответ

Попробуй это,

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

Рабочая скрипка

Поделиться
  • 0
    Этикетки разные? Вы хотите вставить элемент p в каждый класс, который соответствует inputbox?
  • 0
    OP указывает, чтобы выбрать $('label[for="mobile"]') поэтому вышеупомянутое будет использоваться только для label[for="mobile"]
Показать ещё 5 комментариев
0

Я бы предложил:

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

Демо-версия JS Fiddle.

Чтобы проверить, есть ли элемент 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.

Рекомендации:

Поделиться
0

попробуй это,

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

JSFiddle

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню