CODEWITHSUNDEEP
jquerychaining
Sebsemillia
Sebsemillia

Reputation: 9486

jQuery chaining of getting html and replaceWith

I'm using jQuery to get the content of a link and want to replace the link with just the content it has.

I got it to work, but I'm wondering if I could write it in just one statement instead of two.

Here is my code:

text = $(this).closest('.ui-btn-text').find("a[data-rel='popup']").html();
$(this).closest('.ui-btn-text').find("a[data-rel='popup']").replaceWith(text);

Thank you!

Upvotes: 0

Views: 444

Answers (3)

Anthony Grist
Anthony Grist

Reputation: 38345

The .replaceWith() function accepts a function which returns the new HTML to replace that element with, so you could do:

$(this).closest('.ui-btn-text').find("a[data-rel='popup']").replaceWith(function() {
    return $(this).html();
});

It's important to note that this inside the function passed to .replaceWith() is different to this at the beginning of the line; inside the function it refers to the current matched element being replaced by the new HTML.

Upvotes: 2

dezman
dezman

Reputation: 19368

var node = $(this).closest('.ui-btn-text').find("a[data-rel='popup']");
node.replaceWith(node.html());

Upvotes: 0

Adil
Adil

Reputation: 148150

You can optimize it like

textObj = $(this).closest('.ui-btn-text').find("a[data-rel='popup']");
textObj.replaceWith(textObj.html());

Upvotes: 1

Related Questions