获取H4元素文本

Question

点击按钮类“了解更多，我想要得到的<h4>元素的文本：

Answer 1

试试这个，

$(document).on("click",".btn-red", function(){ 
    console.log($("h4.item-title").html()); 
}); 

试试看吧，这会工作。

Answer 2

您可以使用此

$("a.btn").click(function(event){ 
 
     event.stopPropagation(); 
 
     event.preventDefault(); 
 
     console.log($(event.currentTarget).closest("td").find("h4.title").text()); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td> 
 
     <h4 class="title">Test</h4> 
 
     <a class="btn" >Click me</a> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 3

只是在脚本标记添加此标题下方的标签。（u需要Jquery的脚本库使用jQuery的功能）。

$(".btn-red").click(function(){ 

    console.log($("h4.item-title").text()); 

});