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

我在

HTML

中有一个

ul

列表，我正在努力获取

li

元素的

内部

文本。我将简化一点示例，以便于理解我要做的事情。 我有以下带有列表项的

ul

：

<ul id="table-history">
    <li class="item">
       <div class="item-row">
           <h4 class="item-title"> A </h4>
       </div>
     </li>

     <li class="item">
       <div class="item-row">
           <h4 class="item-title"> B </h4>
       </div>
     </li>        

     <li class="item">
       <div class="item-row">
           <h4 class="item-title"> C </h4>
       </div>
     </li>
</ul>

如何获取

元素中的文本？有没有一种方法可以让我点击链

元素

/

视图

？

尝试使用

text（）

：

示例

$（文档）.on（'click'，'item'，function（））{
警报（$（this.text（））；
});



A.


B


C

尝试使用
text（）
：

示例


$（文档）.on（'click'，'item'，function（））{
警报（$（this.text（））；
});



A.


B


C

您可以使用此

$("#table-history > li").on("click", function () {

    console.log($(this).find('h4').text());
});

你可以用这个

$("#table-history > li").on("click", function () {

    console.log($(this).find('h4').text());
});

你可以用

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


$（“#表历史记录>li”）。在（“单击”上，函数（）{
log（$（'h4.item title'，this.text（））；
});



A.


B


C

您可以使用

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


$（“#表历史记录>li”）。在（“单击”上，函数（）{
log（$（'h4.item title'，this.text（））；
});



A.


B


C

您可以尝试以下最简单的方法：

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

最后的
您可以尝试以下最简单的方法：

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

这是最好的答案。这是最好的答案。将把它标记为一个aswer