如何在未知元素中附加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的{​​{1}}，然后在开头附加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);

Answer 2

要从h1中选择此div，您只需使用此jQuery代码：

var h1 = $("div > h1")

或

var h1 = $("div h1")