Question

有人可以帮助添加＆＃39; li＆＃39;进入＆＃39; ul。不知道我在这里失踪了什么。我在变量

中有html

以下是代码段

＆＃13;

var myhtml = "<div><ul></ul></div>";
var msg = "<li>some message</li>";
$(myhtml).find("ul").append(msg);
$("#mycontainer").append(myhtml);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id=mycontainer>My Div</div>

＆＃13;

Answer 1

你几乎拥有它，但是你忘了将你的清单附加到div。试试这样做：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id=mycontainer>My Div</div>

<script>
  var myhtml = "<div><ul></ul></div>";
  var msg = "<li>some message</li>";

  $(mycontainer).append($(myhtml).find("ul").append(msg))
</script>

这是一个JSBin的工作版本。

Answer 2

这就是诀窍，但我确信会有更简洁的方法，你可以多说一点，让它更简洁，更简洁。

var div = "<div></div>";

var li = "<li>Some Message</li>";
var ul = $("<ul></ul>").append(li);

var constructor = $(div).append(ul);

$('#mycontainer').append(constructor);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id=mycontainer>My Div</div>

Answer 3

＆＃13;

var myhtml = "<div><ul></ul></div>";
var msg = "<li>some message</li>";
$("#mycontainer").append(myhtml);
$("#mycontainer").find("ul").append(msg);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mycontainer">My Div</div>

＆＃13;

Answer 4

UL尚未存在，因此您无法在此时附加到var myhtml = "<div><ul></ul></div>"; var msg = "<li>some message</li>"; $("#mycontainer").append(myhtml); $("#mycontainer div ul").append(msg);。像这样改变它，它应该工作。

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id=mycontainer>My Div</div>

＆＃13;

<item name = "this", price = "that"/>
<item name = "this2", price = "that2"/>
<item name = "this3", price = "that3"/>
...

＆＃13;

如何添加＆＃34; <li>＆＃34;进入＆＃34; <ul>＆＃34;用jquery？

4 个答案: