Read the text inside li tag which is inside a class

Question

I have the HTML code below and I need to read the text Good which is inside a li tag when a click event occurs using jquery. I have clicked the second div and I need to read the text between its li tag, i.e; Good. There are 22 divs with the same class name and I don't like to add id to all 22 divs. Now, how can I do that using jquery?

HTML


  
  
      Hello
      World
  



  
  
      Good
      Morning

I have tried doing this but couldn't access the li element. Below is my jquery code

JQUERY

$(".card").click(function(e){
  console.log($(this));
});

user_5625547 · Answer

Instead of your .card css selector, target only the

inside the .card, then use this.text() to get the content of the

:

Css selector: .card li

$(".card li").click(function(e){
  console.log($(this).text());
});



  
  
      Hello
      World
  



  
  
      Good
      Morning

Read the text inside li tag which is inside a class

1 Answers