Remove a Text in the Anchor Tag

Question

I have a code here:

<a href="#"><i class="flaticon-basket9"></i> addtobasket</a>

I want remove the "addtobasket" text .

Trying using jquery code:

$(function(){
    $('a').text(' ');
    })

but that code removed <i> tag also.just want to remove the text.

the "addtobasket" text may change and that not constant

score 3 · Answer 1 · answered Jan 23 '15 at 20:11

3

You need to iterate over the nodes within the anchor, checking for a matching text node:

$('a').contents().filter(function(){
   return this.nodeType === 3;
}).remove('');

jsFiddle example

answered Jan 23 '15 at 20:11

j08691

204,283
31
260
272

Bhojendra Rauniyar · Answer 2 · 2015-01-23T20:25:38.487

2

Use:

$('a').contents().filter(function(){
   return this.nodeType === 3;
}).remove();

You can also use:

$('a i').prop('nextSibling').value = '';

edited Jan 23 '15 at 20:25

answered Jan 23 '15 at 20:05

Bhojendra Rauniyar

83,432
35
168
231

bravo,that's work.can you please add more detail about your code. – Hamed mayahian Jan 23 '15 at 20:14
1

If you see what I'm doing you should see why your example doesn't work. It wasn't just the `.text()` / `.remove()` thing. – j08691 Jan 23 '15 at 20:21
I checked with remove() and working, anything wrong? – Bhojendra Rauniyar Jan 23 '15 at 20:21

score 1 · Answer 3 · answered Jan 23 '15 at 20:09

1

Try

$("a").html($('a').children());

answered Jan 23 '15 at 20:09

Batu.Khan

3,060
2
19
26

score 0 · Answer 4 · answered Jan 23 '15 at 20:08

$(document).ready(function() {
  console.log($('a>span').html());
  $('a>span').html('');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<a href="#"><i class="flaticon-basket9"></i> <span>addtobasket</span></a>

Remove a Text in the Anchor Tag

4 Answers4