2015-03-31 2 views
1

Я надеюсь удалить ссылку «ContactUs.aspx» из следующего кода, я использую code $("#Main4").contents().unwrap();, но он был удален, но класс «LeftMainMenu» также удален.Как удалить ссылку с помощью jQuery или JavaScript?

Надеюсь удалить только ссылку, как я могу это сделать?

<a id="Main4" class="LeftMainMenu" href="ContactUs.aspx">Contact Us</a> 

ответ

2
<a id="Main4" class="LeftMainMenu" href="ContactUs.aspx">Contact Us</a> 

Это удалит HREF атрибут:

$("#Main4").removeAttr("href") 

Не забудьте сделать это на событие загрузки страницы, как показано ниже:

$(function() { 
    $("#Main4").removeAttr("href") 
}); 

Или если вы просто хотите, чтобы удалить значение href, затем

$("#Main4").attr("href", "") 

Это сделает

<a id="Main4" class="LeftMainMenu" href="">Contact Us</a> 

DEMO:

$(function() { 
 
    $("#Main4").removeAttr("href") 
 
});
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js"></script> 
 

 
<a id="Main4" class="LeftMainMenu" href="ContactUs.aspx">Contact Us</a>

+0

Спасибо! но когда я перемещаю курсор, подвешиваем текст «Связаться с нами», курсор все равно отображает текст как ссылку – HelloCW

+0

. Вы можете сделать это на загрузке страницы. Как '$ (function() {$ (" # Main4 "). RemoveAttr (" href ");});' Похоже, когда вы пытаетесь удалить ссылку, она не была добавлена ​​на страницу. Вот почему он не удален – mohamedrias

+0

Я также добавил демонстрацию, чтобы показать, как она работает. Пожалуйста, проверьте @HelloCW – mohamedrias

0

Ваш селектор jQuery ошибочен. Должно быть $("#Main4"). Вы можете использовать .removeAttr(), чтобы удалить атрибут href. См. Документацию here.

$("#Main4").removeAttr('href'); 
0

Для удаления href вы можете использовать

$('#Main4').removeAttr('href'); 

Чтобы удалить только ссылку, которую можно использовать

$('#Main4').attr('href',''); 
0

, если вы хотите, чтобы ссылка скрыта, вы можете:

$('#main4').hide(); 

, если вы хотите, чтобы ссылка отключена, вы можете:

$('#main4').removeAttr('href'); 

или

$('#main4').attr('href','#'); 

или

$('#main4').attr('href','javascript:void(0);'); 

Кстати, различные HREF атрибута о 'JavaScript: недействительным (0)' и '#' является there.

Смежные вопросы