jQuery finding element in ajax response, find not working

Question

This is my ajax call

jQuery.post(ajaxurl, data, function(response) {
    var slug = $(response).find(".return_product_cat").val();
    alert(slug);
});

This is the html being returned

<input type='hidden' class='return_product_cat' value='test_cat' />

When i alert it says undefined but it should say test_cat? How do i solve?

Shaunak D · Accepted Answer · 2015-06-29 09:26:29Z

3

find() searches for children, use filter()

var slug = $(response).filter(".return_product_cat").val();

Just val() would work too, unless there is more to the html.

answered Jun 29, 2015 at 9:26

Shaunak D

20.7k10 gold badges48 silver badges79 bronze badges

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

4 Comments

Tushar Over a year ago

There is no need of filter, it will be bit slower

Shaunak D Over a year ago

Slower? How? Please prove it. :) Also, I have already mentioned Just val() would work too, unless there is more to the html. filter() would be needed if there is more html.

Tushar Over a year ago

@ShaunakD Because you're calling an extra function instead of just val() it'll be bit slower

Shaunak D Over a year ago

Doesn't matter if there is less html. <10^-2 ms

Tushar · Accepted Answer · 2015-06-29 09:25:56Z

2

You don't need find, since the element itself is returned. find() is used to get the descendant.

Use this:

var slug = $(response).val();

DEMO

answered Jun 29, 2015 at 9:25

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

Collectives™ on Stack Overflow

jQuery finding element in ajax response, find not working

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related