Question

jquery获取上一层元素的值

<li>
<div class="operat">
<input type="hidden" value="111" id="shopid1"/>
</div>
<div class="selected"><span><img src="image/dear.jpg" class="delclass"/></span></div>
</li>
<li>
<div class="operat">
<input type="hidden" value="222" id="shopid2"/>
</div>
<div class="selected"><span><img src="image/dear.jpg" class="delclass"/></span></div>
</li>
js部分怎么写：我是想点击delclass获取此li中的shopid input的值；li可能会有很多个
$(document).ready(function () {
$(".delclass").click(function(){
//

});
});

Answer 1

var div = $(this).parent().parent().siblings();

$(div)[0].find("input").val();

追问

不行，弹出框输出下，都不谈

$(document).ready(function () {
$(".delclass").click(function(){
var dx = $(this).parent().parent().siblings();
var shopnum = $(dx)[0].find("input").val();

alert(shopnum);
});
});

Answer 2

$(this).closest("li").find("input[id^=shopid]").val()

追问

好像不行呢 弹出 undefined
$(document).ready(function () {
$(".delclass").click(function(){
var shopnum = $(this).closest("li").find("input[id^=shopid]").val()
alert(shopnum);
});
});

追答

那我就不知道咯，
你去审查元素看看到底是个什么结构，然后查看api就 可以了

Answer 3

引用yugi111的回答：
$(this).closest("li").find("input[id^=shopid]").val()

虽然过去3年了还是说下
input[id^=shopid] 换成下面的

input[id^='shopid']