CODEWITHSUNDEEP
javascriptjqueryjquery-selectorssiblings
ovmcit5eoivc4
ovmcit5eoivc4

Reputation: 163

jQuery.next() returns empty object

I'm trying to get the next div after an image:

<a rel="nofollow" href="http://localhost:8046/file.htm" class="imgbox">
    <img src="http://www.domain.tld/fm/912/image.png" class="" id="img-1303122" style="max-width:560px;" width="700" border="0" alt="title="/>
</a>
<div id="lic-img-1303122" class="licence-wrapper" style="display:none;">
    <div class="licence-spacer"></div>
    <div class="licence">&copy; copyright<br /></div>
</div>

My jQuery code is the following:

console.log($("#img-1303122").nextAll(".licence-wrapper"));
Object { length: 0, prevObject: Object, context: HTMLDocument → JSUmstellung, selector: "#img-1303122.nextAll(.licence-wrapper)" }

So, why do I get no result? I already tried .next(), .closest() and .siblings() and none of them worked.

Upvotes: 1

Views: 2452

Answers (5)

Neeraj
Neeraj

Reputation: 4489

Hey you can also get all div by this

alert($("#img-1303122").parent().parent().find(".licence-wrapper").length);

Demo

Upvotes: 0

AmanVirdi
AmanVirdi

Reputation: 1685

.nextAll() Gets all following siblings of each element in the set of matched elements, optionally filtered by a selector.

So you need to try this:

$("#img-1303122").parent().nextAll(".licence-wrapper")

Upvotes: 0

Bhushan Kawadkar
Bhushan Kawadkar

Reputation: 28513

Try this : you are trying to find next element directly to image, but actually div is present next to anchor tag. So get parent anchor tag with class="imgbox" and then .nextAll

console.log($("#img-1303122").closest('.imgbox').nextAll(".licence-wrapper").length);

Upvotes: 1

Umesh Sehta
Umesh Sehta

Reputation: 10683

try :-

console.log($("#img-1303122").parent().nextAll(".licence-wrapper"));

Demo

Upvotes: 2

Ende Neu
Ende Neu

Reputation: 15783

#img-1303122 doesn't have other divs close by, probably you meant lic-img-1303122, next looks only for siblings, from the docs:

Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector.

Upvotes: 0

Related Questions