如何在未知元素中附加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 ）。 换句话说，如何选择包含<h1> div ，然后在该开头添加ajax响应？

Answer 1

您可以使用jQuery has选择器 。 在这个提示中，您可以找到这样的元素：

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

如果要添加从AJAX请求接收的某些数据，可以使用prepend方法：

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

Answer 2

要从div选择此h1 ，您可以简单地使用以下jQuery代码：

var h1 = $("div > h1")

要么

var h1 = $("div h1")