jquery怎么获取当前标签父标签的值

最新推荐文章于 2024-02-22 15:10:14 发布

雾失楼台，

最新推荐文章于 2024-02-22 15:10:14 发布

阅读量3k

点赞数 2

分类专栏： java基础 jquery 文章标签： jquery html 前端

本文链接：https://blog.csdn.net/weixin_43416686/article/details/101354558

版权

java基础同时被 2 个专栏收录

19 篇文章 1 订阅

订阅专栏

jquery

1 篇文章 0 订阅

订阅专栏

直接看代码，获取值的代码在 /移除当前商品这段注释下面


$.each(data,function (index,item) {
                str += '<tr><td><input type="hidden" value="'+item.oid+'"/> <divclass="thumb_cart"><img src="'+item.hotel.pic+'" alt="Iamge"></div>'
                    +'<span class="item_cart">'+item.hotel.name+'</span></td><td>0%</td>'
	                +'<td><strong>'+item.oprice+'</strong></td><td class="options" style="width:5%; text-align:center;">'
	                +'<a onclick="deleteById(this)">X</a></td></tr>'
                    count+=item.oprice;
					id+=item.oid+"x";
				});
				$('.table tbody').html('').append(str);
				$('.count').html('').append(count+'￥');

			});
		}

		//显示付款界面
		function pay() {
            $.post("ali/pay",{id:id,count:count},function (data) {
				$('body').html(data);
			});
        }

        //移除当前商品
		function deleteById(obj) {
			//触发点击事件时，获取当前点击元素的祖先元素tr中第二个td的第一个input输入的值
			//parents()获取所有的祖先元素td/tr/table/div/div/body/html
			//parents("tr")指定tr元素
			//children("td").eq(1)子节点中的第二个td
			//find("input:first").val()第一个input标签的值
			var id = $(obj).parents("tr").children("td").eq(0).find("input:first").val();
			console.log(id);
		}