Создавать элементы DOM с jQuery

Я нуждаюсь в том, чтобы создать элементы таким образом что она не очень смущена и легка для того, чтобы ему быть данным содержание, чтобы делать изменение.

В настоящее время я это делаю с этим кодом с .append() и .html():

$('.Selector').append(
  '<div class="dropdown">'+
    '<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">'+
      '<li><a href="#">Elemento Menu 1</a></li>'
    '</ul>'+
  '</div>'
)

Но он слишком смущен и трудно для того, чтобы дать ему содержание, или для того, чтобы сделать изменения этикеток.

Есть какой-то другой способ делать это более легким?

7
задан 23.12.2016, 18:35
1 ответ

Исследуя despuГ©s немного encontrГ© этот простой способ, чтобы создавать одинокий элемент, достаточно помещать этикетку и отделять с запятой признаки:

$('<a/>', {
  'html' : 'Un <strong>nuevo</strong> enlace',
  'class' : 'new',
  'href' : 'foo.html'
});

Пример cГіdigo сходный с тем, чего он хотел добиться:

$("<div>", {
    'class': 'dropdown'
}).append(
    $('<ul>', {
        'class': 'dropdown-menu',
        'aria-labelledby': 'dropdownMenu1'
    }).append(
      $('<li>')
        .append(
          $('<a>',{
            'href':'#',
            'text':'Hola Mundo'
          })
        )
    )
).hide().appendTo('#otraDiv').fadeIn('slow');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='otraDiv'></div>

Снабжает ссылками

9
ответ дан 24.11.2019, 11:53

Теги

Похожие вопросы