Question

在使用jquery附加元素时如何添加“ list-group-item”类？

将remainder = 0 here附加到<li>之后，class属性无法按我预期的方式工作。

<ul id="todoList">

Answer 1

您可以这样做：

$("#todoAddBtn").on("click", function() {
  $("#todoList").append($('<li>', {
    text: $('#todoInput').val(),
    class: 'list-group-item' // <-- Class name should be an string
  }));
  $('#todoInput').val(''); // Clear input..
});

.list-group-item {
  color: blue;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul id="todoList"></ul>
<input id="todoInput">
<button id="todoAddBtn">Add</button>

Answer 2

执行class: $('list-group-item')时，基本上是在创建要添加到class的对象。您只需要一个作为类名的字符串，而不是一个对象。您只需要class: 'list-group-item'。

$("#todoAddBtn").on("click", function() {
  $("#todoList").append($('<li>', {
    text: $('#todoInput').val(),
    class: 'list-group-item'
  }));
});

Answer 3

如果要添加此“列表组项目”，则将其更改为

class: 'list-group-item'

如何使用Jquery将类添加到附加元素？

3 个答案: