javascript - 在 href 中删除和添加节点

Question

我有一个对象：

<a href="#" data-role="leaf">
   <i class="icon-plane"></i> 
   Projects
</a>

我想通过在对象内部删除来实现选择和取消选择。（点击事件由框架处理，我知道如何使用它。）

顺便说一句，如何检查这个元素内部是否有一个？a

我尝试使用node.append('')，但这会产生：

<a href="#" data-role="leaf">
   Projects
   <i class="icon-plane"></i> 
</a>

我希望图标在之前Project。

谢谢。

score 3 · Accepted Answer

改用.prepend()：

node.prepend('<i class="name"></i>')

此外，如果您想检查中是否有元素<a>，您可以使用.has()+ length（如果没有则返回 0，否则返回匹配元素的数量），如下所示：

node.has('i').length

如果你想删除你的内部<a>，你应该这样做：

node.find('i').remove()

score 1 · Accepted Answer

尝试prepend改用。Append 将新标签添加到 div 的末尾，而 prepend 将其添加到 div 的最开头。

node.append('<i class="name"></i>')

2 回答 2