Jquery: next() and nested elements

JavaScript
1

Hi,
I have nested elements like below,

<div>
		<p>Hello Again</p>
		<p class="selected"></p>
	</div>
	
	<div>
		<p>Hello Again</p>
		<p class="selected"></p>
	</div>
	
	<div>
		<p>Hello Again</p>
		<p class="selected"></p>
	</div>

I want to add text in the ‘selected’ paragraph in the second div,

<script>$("div:first").next('.selected').text("selected");</script>

it won’t work at all. please let me know if you have any ideas.

Many thanks,
Lau

2

I am not sure what you would like to obtain, try

$(“div:first p”).next().text(“selected”);

3

thanks for the idea. but it adds text in the ‘selected’ paragraph in the first div…

I want to add text in the ‘selected’ paragraph in the second div though…

4

found this answer :slight_smile:

$(‘.selected’).eq(1).text(“selected”);