在javascript中获取多个选择器内的h4选择器的值

我在HTML有一个ul列表，我正在努力获取li元素的inner文本。 我将简化一些示例，以便易于理解我要做的事情。 我有以下ul列表项：

 
 
 
 
 A 
 
 
 
 
 
 B 
 
 
 
 
 
 C 
 
 
  

我在javascript中创建了一个click方法，当单击列表项时会触发该方法：

 $("#table-history > li").on("click", function () { console.log("Clicked"); }); 

如何获取

元素中的文本？ 有没有办法如何点击链elements / views ？

Answer 1

您可以使用

 $('h4.item-title' , this).text() 

 $("#table-history > li").on("click", function () { console.log($('h4.item-title' , this).text()); }); 

  
 
 
 
 A 
 
 
 
 
 
 B 
 
 
 
 
 
 C 
 
 
  

Answer 2

尝试使用text() ：

 $("#table-history > li").on("click", function () { console.log($(this).text()); }); 

例

 $(document).on('click', '.item', function() { alert($(this).text()); }); 

  
 
 
 
 A 
 
 
 
 
 
 B 
 
 
 
 
 
 C 
 
 
  

Answer 3

你可以用它

 $("#table-history > li").on("click", function () { console.log($(this).find('h4').text()); }); 

Answer 4

你可以试试这个最简单的方法：

 $("#table-history > li").on("click", function () { alert($(this).text().trim()); }); 

而你的最终输出