獲取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()); 

});