将 <a> 标签添加到带有 jQuery 的列表中

Question

我正在尝试在 jQuery 的帮助下将 <a> 标签添加到 li 的列表中。

html 看起来像这样：

<div class="level one">
      <ul class="kitchen-tools">
      <li class="my list"></li>
      <li class="my list"></li>
      <li class="my list"></li>
      </ul>
    </div>

我用 jQuery 创建了一个空的 <a> 标签。不幸的是，我找不到将此 <a> 标记添加到我所有 <li> 的方法（我尝试了 jQuery 追加方法）。

 let aTag = $("a");
     $(".my list").append(aTag);

我是编码新手，所以我确定我在这里犯了一个愚蠢的错误。提前致谢。

Answer 1

$('.my.list').append('<a>') 就是您所需要的：

$('.my.list').append('<a>')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="level one">
  <ul class="kitchen-tools">
    <li class="my list"></li>
    <li class="my list"></li>
    <li class="my list"></li>
  </ul>
</div>

由于您的列表项有两个类，您需要 select 它们 $('.my.list')

将 <a> 标签添加到带有 jQuery 的列表中

Adding an <a> tag to a list with jQuery

javascript

jquery

list

append