【问题标题】:Adding an <a> tag to a list with jQuery使用 jQuery 将 <a> 标记添加到列表中
【发布时间】:2022-01-24 15:59:48
【问题描述】:

我正在尝试在 jQuery 的帮助下将 &lt;a&gt; 标记添加到 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 创建了一个空的&lt;a&gt; 标签。不幸的是,我找不到将这个&lt;a&gt; 标签添加到我所有&lt;li&gt; 的方法(我尝试了jQuery append 方法)。

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

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

【问题讨论】:

  • 您希望所有&lt;li&gt; 元素都有一个&lt;a&gt; 还是只有一个?另请注意$(".my list") 不正确。您需要在 $(".my list") 中使用 .,因为 list 是一个类。所以$(".my.list")
  • 所有的
  • 都应该有一个

标签: javascript jquery list append


【解决方案1】:

$('.my.list').append('&lt;a&gt;') 就是你所需要的:

$('.my.list').append('&lt;a&gt;')
<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>

由于您的列表项有两个类,您需要使用 $('.my.list') 选择它们

【讨论】:

  • 谢谢。因为我想附加我用 jQuery (let aTag = $("a");) 创建的空标签,这会工作吗?这个想法是稍后在名为aTag的空&lt;a&gt;标签中填写必要的内容。
  • @Detla888 是的,您可以使用变量作为锚点,但它需要是 let aTag = $("&lt;a&gt;");,而不是 let aTag = $("a");
猜你喜欢
相关资源
最近更新 更多
热门标签