javascript - 使用 jQuery 选择 Div 的最后一个元素不起作用

Question

我正在尝试获取最后一个 <h4> 的值div的元素。我已经尝试了我在网上找到的所有解决方案，但这里没有任何效果。

<div id="mdiv">
    <div id="example">
         <h4> </h4>
    </div>
<div>

和 JQuery

 var texter = '<h4>' + message + '</h4>' + '<br/>';
 $('#example').append(texter);
 //not working
 alert($('#example').children().last().text());

 //Not working
 //$('#example h4:last').val();
 //not working
 //$('#example h4:last-child').val();

正如您在上面看到的，我尝试了 3 种方法，包括注释代码，但对我来说没有任何效果。我应该怎么做才能获得新添加的<h4> ？

Answer 1

:last selector足够了:

$('#example h4:last').text()

这是一个工作示例:

let texter = '<h4>' + "test" + '</h4>' + '<br/>';
$('#example').append(texter);
alert($('#example h4:last').text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mdiv">
    <div id="example">
         <h4> </h4>
    </div>
<div>