我有一个预订表格form.booking-wrap
,其中包含两个元素,分别是div#booking
和div.quantity
<form class="booking-wrap">
<div id="booking"></div>
/* insert div#message IF div.quantity is present inside div.booking-wrap */
<div class="quantity"></div>
</form>
div.quantity
只在某些预订动态出现。
我想要实现的目标是,如果存在 div.quantity
,那么我想再插入一个额外的HTML元素div#message
,但是这个新的div应该出现在div#booking
和div.quantity
之间。
我正在尝试以下jQuery代码:
if($('.booking-wrap:has(div.quantity)')){
$('#booking' ) .after( '<div id="message">Message</div>');
}
但那似乎不起作用。
然后我尝试了这个:
$('.booking-wrap:has(div.quantity)').append($('<div id="message">Message</div>'));
这个方法行得通,新的div出现了,但是它仅仅在数量div旁边。
我该怎么做才能让它显示在
#booking
之后,但在.quantity
之前?