Jquery .empty or .html function

Question

im newbie in jquery/javascript and got this code below:

$("#result").empty().html(result);

can someone explain the code. correct me if im wrong but i think, it explains that it should empty first before displaying another result in the id of result?

Thank you.

Pretty much yeah - it's redundant tho, passing html to the .html function completely overwrites the HTML anyways. — tymeJV
– tymeJV, Commented Oct 6, 2014 at 16:08
Have you read the documentation of empty and html? Is there anything unclear about what the functions are doing? Or are you asking about method chaining works, i.e. foo().bar()? In that case, see how does jquery chaining work? — Felix Kling
– Felix Kling, Commented Oct 6, 2014 at 16:09
woah, easy chaps @FelixKling... just want the fastest answer that's why i posted a question here... — Jed Monsanto
– Jed Monsanto, Commented Oct 6, 2014 at 16:19
OK, to make sure I understood correctly: You want to know what empty and html are doing and thought you will get a faster answer here than looking the functions up in the documentation? — Felix Kling
– Felix Kling, Commented Oct 6, 2014 at 16:22

Milind Anantwar · Accepted Answer · 2014-10-06 16:09:03Z

2

.html() Set the HTML contents of each element in the set of matched elements. Thus you do not need to explicitly empty it as you are already overwriting the content. You can simply use:

$("#result").html(result);

answered Oct 6, 2014 at 16:09

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Felix Kling Over a year ago

That doesn't answer the OP's question though.

maxito · Accepted Answer · 2014-10-06 16:13:58Z

-1

$("#result").empty() will remove everything inside #result. $("#result").html() will retrieve everything inside #result

I think what you need is .text(), .val() or .append()

$("#result").append(result) will populate #result with the data from result, removing what was already inside #result. I don't know if i make myself clear, i'm new here =)

answered Oct 6, 2014 at 16:13

maxito

214 bronze badges

1 Comment

Guffa Over a year ago

The .html() overload gets the content, but .html(content) sets the content. The append method won't remove what's already there, it will append elements to the existing ones.

Collectives™ on Stack Overflow

Jquery .empty or .html function

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related