Как мы можем удалить значение тега "<a>" при загрузке страницы

Question

<ul class="filter-list">
<li class="filter">
<select class="field" name="field">
<select class="exclude" name="exclude">
<input class="value" type="text" autocomplete="off" value="*:*" name="value">
<a class="action remove-filter disabled" title="remove">
<span>remove</span>
</a>
<a class="action add-filter" title="add another">add another</a>
</li>
</ul>

Я хочу удалить тег «добавить еще», когда страница загружена. Как мы можем это сделать? Есть предложения ??

Answer 1

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

$('a.action.add-filter').text('');

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

$('a.action.add-filter').remove();

Вам нужно обернуть его внутри готового DOM, вот так:

$(function(){
 $('a.action.add-filter').text('');
});

Answer 2

Если я правильно понимаю:

$('.add-filter').remove(); //removes the <a> tag

$('.add-filter').empty(); //removes the html inside the <a> tag

Answer 3

Используйте jquery для этого

<script type="text/javascript">
    $(doucument).ready(function(){
         $('.add-filter').html("");
   });
</script>