如何在jQuery中删除DOM元素或从$（this）.html（）中进行选择？

Question

I am trying to get the caret within an html element, either ▲ (▲) and ▼ (▼).

So I have used (it is within a separate function

console.log($(this.html()))

Which returns:

Phone<span id="sort-caret">▲</span>

Now, if I would like to remove the span entirely from this html element How would i do that?

Furthermore if I wanted to select the actual caret for use in comparison how could I do that?

Update :

Just to make the answers more relevant. How can I select the caret from within the html:

console.log($('#sort-caret', this).html());

Gives:

undefined

Answer 1

您要删除跨度吗？

$("#sort-caret").remove();

Answer 2

if I would like to remove the span entirely from this html element How would i do that?

Using jQuery remove() you can select it and remove it, similar to this:

// you can drop the ",this" if context is not important and no repeated ids are in your HTML.
$('#sort-caret', this).remove();

---

DEMO - Removing the Span

---

Furthermore if I wanted to select the actual caret for use in comparison how could I do that?

.html() contains the HTML content of the span. Place it in a variable for later use, similar to this:

var caret = $('#sort-caret', this).html();

//or

var caret = $('#sort-caret').html();

---

DEMO - Get caret from span

---

Why your code console.log($('#sort-caret', this).html()); is not working and returns undefined is impossible to tell without all of the relevant HTML and script.

The #sort-caret element might not exist at the time you are running your code...

or...

The #sort-caret element might not exist in what ever context this is.

Again though, without the relevant code it is hard to tell what this is and without all the relevant HTML it is hard to tell if the element exists at the time of the query or should be in that context in the first place or not.

Answer 3

To remove the dom element and just get text:

 var s = 'Phone<span id="sort-caret">▲</span>';
 var r = /<(\w+)[^>]*>.*<\/\1>/gi;
 console.log(s.replace(r,""));

Demo

And to remove the span from DOM itself:

 $('#sort-caret').remove(); 

To get span text in current context,use:

 $(this).find('span').html()

Answer 4

Try this

$(this).find('#sort-caret').remove()

DEMO