Selecting last child using :last-child

Asked Jul 25 '19 at 13:21

Active Jul 25 '19 at 13:21

Viewed 25 times

Here is a simple HTML:

  <div id="outer">
    <div id="m1">
            <div id="m11"></div>
            <div id="m12"></div>
            <div id="m13"></div>
            <div id="m14"></div>
    </div>
 </div>

I expect the following JQuery to change the content of div with id m14 to be "Hello". It is not.

  $('#outer #m1:last-child').html("Hello");

Where am I going wrong?

asked Jul 25 '19 at 13:21

asinix

maybe `#outer#m1:last-child` – Lucas Wieloch Jul 25 '19 at 13:22
add a space .... `#outer #m1 :last-child` – Temani Afif Jul 25 '19 at 13:22
1

you are now selecting `#outer`s last `#m1` insted of `#m1` last div. eg ` `$('#outer #m1 div:last-child').html("Hello");` – mocni_T Jul 25 '19 at 13:22
1

$('#outer #m1 div:last-child').html("Hello"); – Sandeep K. Jul 25 '19 at 13:23
@mocni_T Yes I missed this basic one... you are right. If you post it as an answer I will accept it. – asinix Jul 25 '19 at 13:33

Selecting last child using :last-child

0 Answers0