<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菜鸟教程