Cachin jquery objects simple code

Question

I'm trying to implement caching and reduced DOM manipulation into my very complex JS code. I just want to make sure, what's more efficient?

1)

var $thebox = $(".textbox[data-title*='"+dt+"']");

    $thebox.remove();

or

2) $(".textbox[data-title*='"+dt+"']").remove(); ?

jsperf.com is a great tool to find out the performance of js snippets. — methodofaction
– methodofaction, Commented Feb 16, 2013 at 13:38
Also, there's the profiler built in to Chrome, and now maybe other browsers. — Lee Taylor
– Lee Taylor, Commented Feb 16, 2013 at 13:41
$(".textbox.something']").remove(); the most efficient. Searching by attributes is not the fastest. — dfsq
– dfsq, Commented Feb 16, 2013 at 13:42

Hung Doan · Accepted Answer · 2013-02-16 13:48:44Z

1

They are the same if you use $(".textbox[data-title*='"+dt+"']") one time.

It up to your case. If you have to re-new 'selector' before remove all of them.

You have to use $(".textbox[data-title*='"+dt+"']").remove();

Because $thebox is old now.

answered Feb 16, 2013 at 13:48

Hung Doan

1,16712 silver badges20 bronze badges

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

1 Answer 1