How do I select item with class within a DIV in JQ

问题:

I have the following HTML:

<div id="mydiv"><div class="myclass"></div></div>

I want to be able to use a selector that selects the inside div, but specific for the "mydiv" container. How can I achieve this with JQuery?

回答1:

Try:

$('#mydiv').find('.myclass');

JS Fiddle demo.

Or:

$('.myclass','#mydiv');

JS Fiddle demo.

Or:

$('#mydiv .myclass');

JS Fiddle demo.

References:

• find().
• Selector context.

回答2:

Try this

$("#mydiv div.myclass")

回答3:

You'll do it the same way you would apply a css selector. For instanse you can do

$("#mydiv > .myclass")

or

$("#mydiv .myclass")

The last one will match every myclass inside myDiv, including myclass inside myclass.

回答4:

If you want to select every element that has class attribute "myclass" use

$('#mydiv .myclass');

If you want to select only div elements that has class attribute "myclass" use

$("div#mydiv div.myclass");

find more about jquery selectors refer these articles

回答5:

try this instead $(".video-divs.focused"). This works if you are looking for video-divs that are focused.

回答6:

More efficient and faster one is...

$('#mydiv').find('.myclass').html('<span>Hello World</span>');