Как удалить элемент из строки HTML?

Question

Это, кажется, не работает, я получаю сообщение об ошибке Uncaught Type на .remove() линии:

JS:

var str = $("a").html(); 
var $html = $.parseHTML(str); 
$("i",$html).remove(); 

$("div").html($html); 

HTML:

<a href="#">Hello <i>Bob</i></a> 
<div></div> 

Как получить эту работу?

Answer 1

Вы можете клонировать a, обмениваться html-кодом и клонировать внутри div.

Fiddle.

$(document).ready(function() 
{ 
    var clone = $("a").clone(); 
    clone.find("i").remove(); 
    $("div").html(clone); 
});  

Answer 2

Вы можете удалить теги HTML, используя функцию .text().

var str = $("a").text(); 

$("a").text(str); 

Который приведет:

<a href="#">Hello Bob</a> 

Пример: http://jsfiddle.net/3s1c55w2/

Как это работает:

1. $("a").text(); будет получать только текст элемента, поэтому в вашем он вернется Hello Bob.
2. После того, как вы получили Hello Bob, просто установите значение тегов a с помощью .text(str), где str - это значение без тегов html.

Answer 3

Возможно, он пытается удалить метки i из каждого якоря.

http://jsfiddle.net/1fytum86/

$("a").each(function(index) { 
    var str = $(this).text(); 
    $(this).html(str); 
}); 

Во всяком случае, вполне возможно, что он получал ошибку типа, поскольку parseHTML() разбирает строку в массив узлов DOM. Удачи!

Answer 4

Если вы пытаетесь удалить курсив и оставить текст:

$("a").html($("a").html().replace(/<\/?i>/g, "")); 

В противном случае, другие ответы, используя либо удалить или отсоединять бы целесообразны.