Удаление и добавление узлов внутри HREF

Question

У меня есть объект:

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

Я хочу, чтобы осуществить выбор и отменить выбор, удалив <i class="icon-plane"></i> внутри объекта. (Событие click обрабатывается каркасом, и я знаю, как его использовать.)

Кстати, как проверить, что есть <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 (она вернет 0, если он не делает и число совпадающих элементов в противном случае), как это:

node.has('i').length 

Если вы хотите удалить <i> внутри <a>, вы Sh ould выполните следующие действия:

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

Answer 2

Попробуйте вместо этого использовать prepend. Append добавляет новый тег в конец div, а preend добавляет его в начало div.

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