追加到li

Question

我有这个HTML

<div>
    <ul id="one"></ul>

</div>

此代码用于将li元素附加到ul

$("#one").append("<li id='libtn2630275Chat'><img id='imgbtn2630275Chat' width='10' height='10' title='In Queue' alt='' src='/Content/themes/images/queue.png'/><input type='button' class='btnSend' id='btn2630275Chat' value='Jordan' onclick='fnBtnChatUserClick()' /><span id='spnPendingMessagebtn2630275Chat'  class='display_None'>(<span='spnPendingMessageCountbtn2630275Chat'  class='display_None'>0</span>)</span></li>");

现在的问题是，在)内没有添加最后一个spnPendingMessagebtn2630275Chat。见附图

为什么它没有被包含在范围内，以及如何解决这个问题？

小提琴： Fiddle

Answer 1

用以下代码替换该行：

$("#one").append("<li id='libtn2630275Chat'><img id='imgbtn2630275Chat' width='10' height='10' title='In Queue' alt='' src='/Content/themes/images/queue.png'/><input type='button' class='btnSend' id='btn2630275Chat' value='Jordan'  /><span id='spnPendingMessagebtn2630275Chat'  class='display_None'>(<span id='spnPendingMessageCountbtn2630275Chat' class='display_None'>0</span>)</span></li>");

你忘了在span标签中'='之前写'id'。

Answer 2

错误是内部范围上的id没有使用id属性wriitern。

添加id属性以解决问题。

Answer 3

您的范围未正确定义：

(<span='spnPendingMessageCountbtn2630275Chat' class='display_None'>0</span>)

你不应该使用它：<span=....

您可能会错过参数名称，例如：

(<span id='spnPendingMessageCountbtn2630275Chat' class='display_None'>0</span>)

Answer 4

试试这个。它对我有用！

var li = document.createElement("li");
li.id="libtn2630275Chat";
li.innerHTML ="<img id='imgbtn2630275Chat' width='10' height='10' title='In Queue' alt='' src='/Content/themes/images/queue.png'/><input type='button' class='btnSend' id='btn2630275Chat' value='Jordan' onclick='fnBtnChatUserClick()' /><span id='spnPendingMessagebtn2630275Chat'  class='display_None'>(<span='spnPendingMessageCountbtn2630275Chat'  class='display_None'>0</span>)</span>"
document.getElementById("one").appendChild(li);

查看我的Demo.

我希望它有所帮助

Answer 5

错误在代码中 -

<span id='spnPendingMessageCountbtn2630275Chat'  class='display_None'>

尝试

{{1}}

Answer 6

<span='spnPendingMessageCountbtn2630275Chat'此部分格式不正确。也许您想使用id=？

Answer 7

您错过了范围的“ID”属性。检查以下代码

$("#one").append("<li id='libtn2630275Chat'><img id='imgbtn2630275Chat' width='10' height='10' title='In Queue' alt='' src='/Content/themes/images/queue.png'/><input type='button' class='btnSend' id='btn2630275Chat' value='Jordan' onclick='fnBtnChatUserClick()' /><span id='spnPendingMessagebtn2630275Chat'  class='display_None'>(<span id='spnPendingMessageCountbtn2630275Chat'  class='display_None'>0</span>)</span></li>");