使用 Jquery 在 <a> 标记内附加 <span> 标记答案

【问题标题】：Append <span> tag inside of <a> tag using Jquery使用 Jquery 在 <a> 标记内附加 <span> 标记
【发布时间】：2014-11-27 22:29:34
【问题描述】：

我正在尝试在.block-leftnav ul li .parent a 中附加 span 标签，因此该标签仅在 .parent a 之后添加，但 jquery 所做的是，它在我页面上的每个 href 标签之后添加 span 标签。

下面是我用来实现我想要的代码：

jQuery(document).ready(function() {
    jQuery('.block-leftnav ul li .parent > a').append('<span class="glyphicon arrow"></span>');
});

这是一个简单的修复，我自己想通了，还更新了上面的代码。只需在“a”之前添加“>”即可定位该特定 div 的锚标记。

感谢大家的及时回复。

【问题讨论】：

如果你只打算使用jQuery()，你不必使用jQuery.noConflict() :) 还有，HTML 是什么？
所有<a> 标签都在.block-leftnav ul li .parent 内吗？如果是这样，您需要指定要添加span 的<a> 标签。为此，您可以使用 <a> 的类或 id。
你只想在a之后附加它？
@Muhammad 为代码创建小提琴
或者等待——你想在任何a之后附加它，类parent？

【解决方案1】：

一件事你可以这样做..

 $(function(){
              $("#my_id").append("<span>sdfsdfd</span>");
            })

给你的锚标签 id

 <a id="my_id" href="sdsd.xyz">xyz</a>

这是对我来说很好的代码

【讨论】：

【解决方案2】：

试试这个

html

<a href="#"></a>

$(document).ready(function(){
    $('a').append("<span>Appended item</span>");
});

【讨论】：

【解决方案3】：

$(document).ready(function(){
   $('.block-leftnav ul li .parent a').prepend('<span class="glyphicon arrow"></span>');
});

【讨论】：

【解决方案4】：

听起来您想在任何具有 parent 类的 a 元素中附加一个箭头字符。

为此，您的选择器必须是a.parent，而不是.parent a。前者将搜索 a 类为 parent 的元素，而后者将搜索任何 a 元素在类为 parent 的元素中。

$(function() {
    $('.block-leftnav ul li a.parent')
        .append('<span class="glyphicon arrow"></span>');
});

如果您想在具有类 parent 的 li 中找到 a 元素，请使用相同的概念，但将其应用于 li：

$(function() {
    $('.block-leftnav ul li.parent a')
        .append('<span class="glyphicon arrow"></span>');
});

【讨论】：