2014-01-10 1 views
0

I имеют следующую структуру:Как я могу выбрать элемент с помощью JQuery и изменить его содержимое?

<div class="button"> 
<a href="/" target="_blank" class="test">Photos</a> 
</div> 

Использование JQuery, как я могу выбрать .button и удалить цель = "_blank" из HTML?

Я был в состоянии добраться сюда, следуя документам JQuery, но я новичок и потерян.

$('.button').html("<a href="/" class="test">Photos</a>"); 

ответ

8
$(".button a").removeAttr("target"); 

Хотя это довольно легко понять, что это, метод removeAttr() приведет к удалению/все атрибуты HTML, который вызывается из селектора.

Вот документация: http://api.jquery.com/removeattr/

+0

всегда лучше сказать причину кода не новый обучающегося –

+0

@RohitAgrawal хороший улов. Ответ обновлен. –

0

Попробуйте так:
Я изменил HREF значение для тестирования.
Живая демонстрация: http://jsfiddle.net/pZAdP/8/

$(document).ready(function() { 
    $('.button').html("<a href='/go' class='test'>Photos</a>"); 
    }); 
0

Проблема: Вы используете двойные кавычки для цитирования HTML и тег как использовать **single quote** для одного из них

Решение:

$('.button').html('<a href="/" class="test">Photos</a>'); 

и если вы хотите удалить только атрибут us е это

$('.button').find('a').removeAttr('target'); 
Смежные вопросы