Question

我正在尝试使用JQuery将标记的标记附加到标记。

这是我试图追加它的代码：

$loginLink = $('ul.nav li:eq(2) a');
$loginLink.append("<i class='icon -login' aria-hidden='true'></i>");

出于某种原因，它不起作用:(

JQuery对我来说是新手，所以任何帮助都将不胜感激。

感谢。

Answer 1

这里有一个工作小提琴：

http://jsfiddle.net/LDvTX/

<ul class="nav">
    <li><a>list item 1</a></li>
    <li><a>list item 2</a></li>
    <li><a>list item 3</a></li>
    <li><a>list item 4</a></li>
    <li><a>list item 5</a></li>
</ul>

$loginLink = $('ul.nav li:eq(2) a');
$loginLink.append("<i class='icon -login' aria-hidden='true'>HERE</i>");

Answer 2

尝试做这样的事情：

 $loginLink = $('ul.nav li:eq(2) a');
 $($loginLink).append("<i class='icon -login' aria-hidden='true'></i>");

这应该有用。

Answer 3

试试这个：

$loginLink = $('ul.nav li:eq(2) a');
alert($loginLink.length); // must be different from 0 (just to be sure your selector is matching a dom element)

$newElement = $("<i>").html("myText")
                      .prop("aria-hidden","true")
                      .addClass("icon")
                      .addClass("-login") ;
$loginLink.append($newElement);

重点是使用$newElement = $('<i>')创建一个新的dom元素。之后，您可以根据需要添加属性和类。最后，将其附加到容器$loginLink。

如果您需要，可以在以后删除它：

$newElement.detach(); // detach from dom, but still existing and can be re-appended.

或

$newElement.remove(); // detach and delete the element.

编辑：您也可以使用简短的方法：

$loginLink.append($("<i>").html("myText")
                          .prop("aria-hidden","true")
                          .addClass("icon")
                          .addClass("-login")
                 );

Answer 4

先前是否动态生成了

标签？什么激发了这些行动？

如何将<i>标记附加到<a> tag using jquery</a> </i>

4 个答案: