Search jQuery

jQuery Forum

Using jQuery

Christophe

Problem with a find()

in Using jQuery • 11 years ago

Hi,

HTML Code

<div id="fileContainer">
<div id="1" class="item">No photo</div>
<div id="2" class="item photo">Photo id 2</div>
<div id="3" class="item ">Photo id 3</div>
<div id="4" class="item photo">No photo</div>
<div id="5" class="item photo">Photo id 5</div>
</div>

jQuery code:

var nextPhotoId =$('.photo').find('#2).next().attr('id');
alert(nextPhotoId);

I want to put all the elements with the class 'photo' in an object, then find the one with ID2, then select the next one and at last get the ID of this last one.

But when I use .find() it don't work ... any suggestions how to select the one with ID 2 in the '.photo' object?

Thanks,

Christophe

Replies(8)

superfici..

Reageren: Problem with a find()

11 years ago

Hi there,

It's probably failing over the fact that id's starting with numbers are invalid.
Try to prefix them like id="div_1" or somehting.

Superficial.

Christophe

Reageren: Problem with a find()

11 years ago

Hello,

No, the id's are ok. It's because it is not a descendant of the .photo class.

If you change the following line from ...

var nextPhotoId =$('.photo').find('#2).next().attr('id');

... to ...

var nextPhotoId =$('#filesContainer').find('#2).next().attr('id');

It does work, but then I got the id of the next element, and I want to have the id of the next element with the class '.photo'

Thanks anyway!

Christophe

petersend..

Re: Problem with a find()

11 years ago

You really don't need to select all the .photo elements first you can just directly select the #2 element. Also next() isn't doing what you are wanting it to do.

Try this out:

var nextPhotoId = $('#2').nextAll('.photo:first').attr('id');
console.log(nextPhotoId);

justinwyl..

Re: Re: Problem with a find()

11 years ago

I don't think this is what he wants.

nextAll(.photo:first) will only get him the siblings following #2 with class photo. Untested that would get him id4. I think the correct answer was id3?

proudhon

Re: Re: Problem with a find()

11 years ago

Oh. No. The correct answer was 4. ... You are right.

proudhon

Re: Problem with a find()

11 years ago

I think next() is for finding the next element in the DOM tree not the next element in a collection.

Perhaps use each() on the $('.photo') collection. But then you'be be finding the next element in the collection and I don't think we can assume the collection is in the same order as the DOM tree.

This works though: x = $('#2.photo').next().attr('id');

BTW I think your id's should start with a letter. It works for me in Chrome but I think it may not be correct to start with a number?

justinwyl..

Re: Problem with a find()

11 years ago

I think next() is for finding the next element in the DOM tree not the next element in a collection.

Perhaps use each() on the $('.photo') collection. But then you'be be finding the next element in the collection and I don't think we can assume the collection is in the same order as the DOM tree.

This works though: x = $('#2.photo').next().attr('id');

BTW I think your id's should start with a letter. It works for me in Chrome but I think it may not be correct to start with a number?

Christophe

Reageren: Problem with a find()

11 years ago

Hello,

var currentPhotoId = $(this).attr('id');
var nextPhotoId = $('#' + currentPhotoId).nextAll('.photo:first').attr('id');
alert(nextPhotoId) // This gives ID 4 when the current photo is ID 2

This is exactly what I need. Get the id of the next element with class .photo! The trick was to use nextAll() instead of .next() !

Thank you very, very much!

Christophe

PS: Numeric ID's tested in Firefox, Chrome and IE.

Top Reply

Response title

Attachments

jQuery Forum

Problem with a find()

Replies(8)

Reageren: Problem with a find()

Reageren: Problem with a find()

Re: Problem with a find()

Re: Re: Problem with a find()

Re: Re: Problem with a find()

Re: Problem with a find()

Re: Problem with a find()

Reageren: Problem with a find()

Statistics

Tags

Actions

Related Posts