jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery从上面获取标签大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在编写一个函数来在每次用户更新时更新订单收据,然后关闭产品弹出式叠加层.
函数搜索表单的每个输入,然后如果其值大于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>

解决方法

最接近的函数首先给出了祖先中给定选择器的准确性,你的标签不在第一个祖先,而是在父tr中,你需要转到父tr,然后使用find来搜索其父级的标签.
$(this).closest('tr').find('label').html()

要么

$(this).closest('tr :td:eq(0)').find('label').html()

大佬总结

以上是大佬教程为你收集整理的jQuery从上面获取标签全部内容,希望文章能够帮你解决jQuery从上面获取标签所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: