JQuery不同的button如何获得相同class对应的不同DOM内容

最新推荐文章于 2022-09-05 21:12:39 发布

zero requiem

最新推荐文章于 2022-09-05 21:12:39 发布

阅读量604

点赞数

文章标签： jquery js python

本文链接：https://blog.youkuaiyun.com/weixin_43201090/article/details/104367803

版权

	<script>
	$(function(){
		$("button").click(function(){
            var n =$('button').index($(this))
			var sellerid = $('span.sellerid:eq('+n+')').text()
			var ingrename = $('span.ingrename:eq('+n+')').text()
			var mount = $('input.rate_ul_r_input:eq('+n+')').val()
			{#console.log(sellerid)#}
			{#console.log(ingrename)#}
			{#console.log(mount)#}
            $.get('/test_ajax',{'sellerid':sellerid,'ingrename':ingrename,'mount':mount},function (data,status) {
               console.log(data.code,status);
           })

		})
	})
</script>


<p hidden="hidden">{{r.ingreid}}<span class="sellerid">{{r.sellerid}}</span></p>
<input style="font-size: 10px;width: 20px;" class="rate_ul_r_input" type="text" name="goodmount" id="goodmount" value=0>
<a href="add.html"><h2>商品名称：<span class="ingrename">{{r.ingrename }}</span></h2></a>
<button id="cart" >加入购物车</button>

1.n为选择的button的index标签，用来做索引
2.eq()表示第几个同名的class，n放在里面时要注意‘+n+’的拼接
3. console.log(data.code,status);是作为ajax传输成功的标志 console后台可见
4. 更多JQuery选择器的内容参考JQuery菜鸟教程