Удалить текст после элемента

Question

Я пытаюсь удалить текст после значка.

<i class="flagstrap-icon flagstrap-as" style="margin-right: 10px;">x</i>France 

$('.flagstrap-icon').next().remove(); 

Проблема в том, что next() не будет работать без элемента.

Пример <span>France</span>

Demo

Любая идея, чтобы удалить текст после значка?

Answer 1

Jquery не может действительно целевые узлы, которые не являются элементами, но простые JS могут

$('.flagstrap-icon').get(0).nextSibling.remove() 

FIDDLE

Обратите внимание, что это использует родной remove(), который не поддерживается в старых браузерах, если вам нужно их поддержать, вы бы сделали

var node = $('.flagstrap-icon').get(0).nextSibling; 
node.parentNode.removeChild(node); 

Answer 2

метода JQuery .next() выбирает следующий элемент и его содержимое и не выделяет текст, а не внутри элемента, причина это работает, как это происходит потому, что JQuery смотрит на DOM Tree и не открытый текст.

о том, как выбрать исходный текст без тега, я не думаю, что его можно/я не знаю

Надеется, что это помогло mukund2003

Answer 3

Если <i> элемента находится в родительском контейнере и не существует дополнительный элемента в этом контейнере вы можете сделать что-то вроде:

$('.flagstrap-icon').parent().html($('<div>').append($('.flagstrap-icon').clone()).html()); 

Однако он не будет работать правильно, если родитель содержит другие элементы.

DEMO