Удаление JQuery и изменение html-тегов

Question

У меня есть несколько гиперссылок на моем сайте. Я хочу удалить тег href html, если они совпадают с заданным условием.

Пример

если HREF является example.com, то гиперссылка должна быть растворена и <a></a> тег должен исчезнуть

Я использую следующее заявление,

$("a[href='http://www.example.com']").removeAttr("href"); 

HREF собирается удаляться, но <a> все еще там.

Answer 1

Самое ценное способ сделать это с contents и unwrap:

$("a[href='http://www.example.com']").contents().unwrap(); 

Это говорит:

• найти все ссылки, которые соответствуют селектору
• получить все свои дочерние узлы
• разворачивать дочерние узлы из их родителей, т.е.заменить a элемент с его дочерними узлами

Answer 2

Чтобы удалить элемент анкер попробовать это:

$("a[href='http://www.example.com']").remove(); 

Для получения дополнительной информации см .remove() doco.

EDIT: Для того, чтобы заменить анкерного элемента с его содержанием, попробуйте следующее:

$("a[href='http://www.example.com']").replaceWith(function() { 
    return $(this).html(); 
}); 

.replaceWith() method делает то, что вы могли бы ожидать. Если вы передадите ему функцию, то эта функция будет вызываться для каждого соответствующего элемента, причем this является текущим элементом, который будет заменен возвратом функции.

Answer 3

$("a[href='http://www.example.com']").remove(); 
$("a[href='http://www.example.com']").unwrap(); -> also check this :D 

Answer 4

Чтобы удалить весь элемент, используйте .remove.

$("a[href='http://www.example.com']").remove(); 

Answer 5

Чтобы сохранить текст ссылки, но удалить саму ссылку:

$("a[href='http://www.example.com']").replaceWith(function() { 
    return $(this).text(); 
}); 

использовать .html() вместо этого, если есть и другие HTML теги в ссылке, которые вы хотите сохранить.

Answer 6

Demohttp://jsfiddle.net/3utk7/

код

$('a').each(function() { 
    var foo = $(this).attr("href"); 
    if (foo == "http://www.example.com") { 
     $(this).remove(); 

    } 
});​ 

Answer 7

Вы можете удалить весь тег:

$("a[href='http://www.example.com']").find().remove();