我正在尝试将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>
文字不再出现
答案 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);
答案 2 :(得分:1)
在选项参数中尝试put class。
请参阅:
function () {
var $issueUserList = $("#issueUserList");
$('<li></li>',
{
text: $("#formEmail :selected").text(),
class: 'list-group-item'
})
.appendTo($issueUserList);
});