jquery - 删除元素后的文本

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

请注意，这使用 native remove() ，旧版浏览器不支持，如果您必须支持这些浏览器，则需要这样做

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