A Smarter Way to Learn jQuery

Fill in the blank to select all the elements that share the same parent as a list item.

$("ul.choices li")._______()

siblings

^ *siblings *$

Fill in the blank to select all the elements that share the same parent as a list item.

$("ul.choices li").________

siblings()

^ *siblings *$

Fill in the blank to select all the elements that share the same parent as the list item.

$("ul.choices li")________

.siblings()

^ *\.siblings *$

Select all the elements that share the same parent as a list item in an unordered list whose class is "choices".

$("ul.choices li").siblings()

^ *\$$•ul\.choices li•$\.siblings *$

5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to color all siblings of $(this) #999.

$(this).siblings().css("color", "#999");

Select all the siblings of $(this).

$(this).siblings()

$`(`this`)`.`siblings`(`)

Select all siblings of all images.

$("img").siblings()

Select all siblings of a particular paragraph. Make up the id of the paragraph.

$("p#graph_1").siblings()

^ *\$$•p#.+•$\.siblings *$

Remove a class from all siblings of a class of divs. Make up both class names.

$("div.main").siblings().removeClass("visible");

^ *\$$•div\..+•$\.siblings\.removeClass$•.+•$; *$

When any list item is clicked, slide its siblings out of sight. Don't specify a speed for the slide.

$("li").on("click", function() {
$(this).siblings().slideUp();
});

^ *\$$•li•$\.on$•click•, function\($ {\n *\$$this$\.siblings\.slideUp;\n}\); *$

When the user mouses over any image, reduce the opacity of its siblings to 50%.

$("img").on("mouseover", function() {
$(this).siblings().css({"opacity": ".5"});
});

^ *\$$•img•$\.on$•mouseover•, function\($ {\n *\$$this$\.siblings\.css${•opacity•: •\.5•}$;\n *}\); *$

Select all siblings of the paragraph that's the second child of a div whose id is "target". Color the siblings black.

$("div#target p:nth-child(2)").siblings().css("color", "black");

^ *\$$•div#target p:nth-child\(2$•\)\.siblings\.css$•color•, •black•$; *$

Select all siblings of all images.

$("img").siblings()

^ *\$$•img•$\.siblings *$