как добавить HTML к клонированному объекту

0

Я клонировал некоторый html и хочу добавить некоторый html, прежде чем я присоединяюсь к родительскому div. Как я могу это сделать?

<div class="center">
    <div class="row-fluid">
        <div class="span3">
            <select class="chosen-select" id="form-field-select-3">
                <option value="">Text</option>
                <option value="AL">Department</option>
            <option value="AK">City</option>
                <option value="AZ">State</option>
                <option value="AR">Country</option>
                <option value="CA">Industry</option>
       </select>
        </div>
    </div>
</div>

Код JS:

var clone_search = $('.row-fluid .chosen-select').last().clone();
$('.center').append('<div class="row-fluid"><div class="span3">');
$('.center').append(clone_search);
$('.center').append('</div>');
  • 0
    jsfiddle.net/JDjen
  • 0
    Я использую выбранный тип выбора, и когда я клонирую, он клонирует элементы ul, которые также создаются выбранным
Теги:
append
clone

1 ответ

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

Кажется, вы хотите обернуть клонированный элемент другим элементом, вы можете использовать метод .wrap():

$('.row-fluid .chosen-select')
     .last()
     .clone()
     .wrap('<div class="row-fluid"><div class="span3"/></div>')
     .appendTo('.center');

обратите внимание, что вы должны изменить идентификатор клонированного элемента, иначе ваша разметка станет недействительной. Также почему бы не клонировать div.row-fluid если вы хотите создать ту же структуру?

$('.row-fluid').first()
               .clone()
               .find('.chosen-select')
               .prop('id', 'something_else')
               .end()  
               .appendTo('.center');
  • 0
    Спасибо, небольшая проблема в приведенном выше коде, которая решается здесь: stackoverflow.com/questions/8531979/…

Ещё вопросы

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