Question

我正在尝试获取div的最后<h4>元素的值。我尝试过在网上找到的所有解决方案，但这里没有任何工作。

<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个approch，包括注释代码，但没有任何对我有用。我该怎么做才能获得新添加的<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>

Answer 2

你应该这样做：

alert($('#example h4').last().text());

在那里你会看到最后一个h4。使用您的代码，您尝试获取最后一个div#example。

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

2 个答案: