Question

12

jquery select multiple < p> in < div>

rated 0 times [ 19] [ 7] / answers: 1 / hits: 17973 / 14 Years ago, wed, march 9, 2011, 12:00:00

HTML:

<div id='example'>

  <p> First paragraph</p>

  <p> Second paragraph</p>

  <p> Third paragraph</p>

</div>

Javascript with JQuery:
var paragraphs = $('div#examples p');

This returns an array of HTMLParagraphElement objects. However, I wish to return Jquery objects. (So that I can use e.g:

for(i=0;i<paragraphs.length;i++)

{

   paragraph[i].hide();

}

Is there a way I can easily do this? Thanks.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

parker

Add To Favorites

Follow

Total Points: 259

Total Questions: 109

Total Answers: 97

Location: Zambia

Member since Thu, Jun 25, 2020

4 Years ago

parker questions

1 How to catch network errors with Axios request interceptor?

Fri, Feb 18, 22, 00:00, 2 Years ago

1 Problem in redirecting programmatically to a route in react router v6

Tue, Nov 9, 21, 00:00, 3 Years ago

1 How to wait for Cypress then() command to finish before returning a value?

Fri, Sep 10, 21, 00:00, 3 Years ago

1 Discord JS, discord-buttons; How to attach more than 5 buttons to a message?

Fri, Aug 13, 21, 00:00, 3 Years ago

1 Google GeolocationAPI Requested entity was not found

Tue, Aug 25, 20, 00:00, 4 Years ago

View All

answered 14 Years ago jailynbethanies · Accepted Answer

Thanks everybody for input. Iteration of the div p array was necessary (sorry if that wasn't clear), so doing $('div#example p').hide(); was not a proper solution. I ended up doing the following:

var arr = $('div#example p');



for(i=0;i<arr.length;i++)

{

  $(arr[i]).hide();

}

Hope this is useful for people in the future:)