我正在编写一个函数来在每次用户更新时更新订单收据,然后关闭产品弹出式叠加层.
该函数搜索表单的每个输入,然后如果其值大于0,则将信息添加到收据div.我试图获取位于输入字段上方的标签元素的.html()并描述当前item,并将其用作收据中项目的描述.
该函数搜索表单的每个输入,然后如果其值大于0,则将信息添加到收据div.我试图获取位于输入字段上方的标签元素的.html()并描述当前item,并将其用作收据中项目的描述.
我试过没用成功：
- $this.closest('label').html()
- $this.prev('label').html()
- $this.find('label').html()
- this.element.find('label').html()
function updateOrder(){
var items = '';
$('input').each(function(){
var $this = $(this),i_value = $this.attr('value');
if(i_value > 0){
items += $this.attr('id') + ' Quantity: ' + i_value + '<br/>'
+ 'label is: ' + $this.closest('label').html() + '<br/>';
}
});
$('#d_reciept').html(items);
}
和一个示例表单项
<tr>
<td class="td_thumbs">
<div>
<a class="fancybox" data-fancybox-group="vinyl-banners" href="img/products/vinyl-corporateblue.jpg"> <img src="img/products/thumbs/vinyl-corporateblue-thumb.png" alt="vinyl c-blue"/></a>
<label>Corporate Blue</label>
</div>
</td>
<td>6</td>
<td>
<input id="vinyl-blue" type="number" max="6" min="0" value="0"/>
</td>
</tr>
