javascript - 如何在未知元素中附加ajax响应？

Question

我有几个<div>没有类名。像这样的东西:(*是我想附加ajax响应的地方)

<div>
<div> text 1</div>
<div> text 2 </div>
<div> * <h1></h1> </div>
<div> text 3 </div>
</div>

我唯一的线索是<h1> 。因为<div>的数量不是恒定的(有时我只有 1 div )。换句话说，我如何选择div其中包含 <h1>然后在其开头附加 ajax 响应？

Answer 1

您可以使用jQuery has selector 。在此cae中，您可以像这样找到您的元素:

var yourElement = $('div').has('h1');

如果您想添加一些从 AJAX 请求收到的数据，您可以使用方法 prepend :

var resultFromAjax = 'some result';
var yourElement = $('div').has('h1');
yourElement.prepend(resultFromAjax);