删除和添加href内的节点

Question

我有一个对象：

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

我想通过删除对象内的<i class="icon-plane"></i>来实现select和取消选择。 （click事件由框架处理，我知道如何使用它。）

Btw如何检查此<i></i>元素中是否有a？

我尝试使用node.append('<i class="name"></i>')，但这会产生：

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

我希望图标在Project之前。

感谢。

Answer 1

改为使用.prepend()：

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

此外，如果您想检查<i>内是否有<a>元素，可以使用.has() + length（如果不是node.has('i').length 则会返回0 t和其他匹配元素的数量），如下所示：

<i>

如果您要删除<a>中的node.find('i').remove() ，则应该这样做：

{{1}}

Answer 2

请尝试使用prepend。 Append在div的末尾添加新标记，而prepend将它添加到div的最开头。

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