Question

使用jquery我需要创建一个要添加到<li>内部的元素，该元素有自己的内容。最终结果应如下所示

<li> Hello <a> user! </a> Welcome! </li>

到目前为止，我已在下面尝试过了。

var list = $('<li></li>');
     var link = $('<a></a>');
      link.innerHTML = "user!";
list.append(link);

但这会产生如下输出。

<li> <a> user! </a> </li>

如何在<a>的任一侧加入'hello'和'welcome'？

Answer 1

你可以这样做。

＆＃13;

console.log(
  $('<li/>', {
    html: [
      document.createTextNode(' Hello'),
      $('<a> user! </a>'),
      document.createTextNode('Welcome! ')
    ]
  })[0].outerHTML
)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

动态地在列表元素中追加link元素

1 个答案: