jQuery method css not working

Question

I am preparing for MS exam 70-480 and practicing JavaScript - made an test example with different variations of .click events, but it none are working (buttons are not applying styles not at all).

What is missing/wrong is this code? https://jsfiddle.net/svguetq7/

 // part of code
 $("#btn3").click(function(){
   $("article:first-of-type") .css("background-color", "blue");
 });

Update

Embaring moment - all buttons had identical IDs, so that was a problem too. Message to others - please check your code extra one more time before asking something to StackOverflow :)

Add the html. I bet you are missing a # or a . before article... — Juan
– Juan, Commented Oct 21, 2017 at 16:52
@Juan - can you update that example and post link? Because i did not understand clearly where you minded to put 'html'. — Kristaps Vilerts
– Kristaps Vilerts, Commented Oct 21, 2017 at 16:53
Inspect the page and check the console. Check the error there. — Cons7an7ine
– Cons7an7ine, Commented Oct 21, 2017 at 16:55

K K · Accepted Answer · 2017-10-21 16:58:21Z

3

First, you have not included jQuery in the fiddle. Second, you are using the selector in a wrong way. If you need to select the first,second,third elements then use eq() function of jQuery. Sample code:

  $("#btn1").click(function() {
    $("section article:eq(0)").css("background-color", "red");
  });

Demo for the first element: https://jsfiddle.net/lotusgodkk/svguetq7/8/

answered Oct 21, 2017 at 16:58

K K

18.2k4 gold badges33 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kristaps Vilerts Over a year ago

Yes - @Cons7an7ine mentioned about jQuery in comment. Thank you too.

Collectives™ on Stack Overflow

jQuery method css not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related