添加课程时,li文本不会出现

时间:2017-01-10 10:19:10

标签: javascript jquery html css

我正在尝试将li元素添加到ul。

ul代码:

<ul id="issueUserList" class="list-group"></ul>

当我添加一个没有类似这样的类的li:

function () {
   var $issueUserList = $("#issueUserList");
   $('<li></li>',
            {
                text: $("#formEmail :selected").text()
            })
            .appendTo($issueUserList);
});

这样可以正常工作,但是当我在li上添加一个类:

<li class="list-group-item"></li>

文字不再出现

3 个答案:

答案 0 :(得分:3)

您需要使用class属性。请尝试:

 var $issueUserList = $("#issueUserList");
 $('<li></li>',
 {
      class:"list-group-item",
      text: $("#formEmail :selected").text()
 })
 .appendTo($issueUserList);

$('button').click(function(){
 var $issueUserList = $("#issueUserList");
            $('<li></li>',
            {
                class:"list-group-item",
                text: $("#formEmail :selected").text()
            })
            .appendTo($issueUserList);

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="issueUserList" class="list-group"></ul>
<select id="formEmail">
  <option>1</option>
  <option>2</option>
</select>
<button>Click</button>

答案 1 :(得分:2)

在选项中添加类:

$('<li></li>',
        {
            class: "list-group-item",
            text: $("#formEmail :selected").text(),
        })
        .appendTo($issueUserList);

工作示例:https://jsfiddle.net/3xxcofo7/

答案 2 :(得分:1)

在选项参数中尝试put class。

请参阅:

function () {
   var $issueUserList = $("#issueUserList");
   $('<li></li>',
            {
                text: $("#formEmail :selected").text(),
                class: 'list-group-item'
            })
            .appendTo($issueUserList);
});