HTML:如何選擇不是我當前元素的直接祖先的元素?
<div class="group">
<div class="link"><a class="add_link" href="javascript:">add</a></div>
<p class="values">test....</p>
<input type="text" class="box1" value="10" />
<input type="text" class="box2" value="20" />
<input type="text" class="box3" value="30" />
<input type="text" class="final" value="100" />
</div>
<div class="group">
<div class="link"><a class="add_link" href="javascript:">add</a></div>
<p class="values">test....</p>
<input type="text" class="box1" value="5" />
<input type="text" class="box2" value="10" />
<input type="text" class="box3" value="15" />
<input type="text" class="final" value="700" />
</div>
<div class="group">
<div class="link"><a class="add_link" href="javascript:">add</a></div>
<p class="values">test....</p>
<input type="text" class="box1" value="103" />
<input type="text" class="box2" value="230" />
<input type="text" class="box3" value="350" />
<input type="text" class="final" value="770" />
</div>
的jQuery:
$('.add_link').click(function(){
value=$(this).parent('div').next('p').next('input.box1').next('input.box2').next('input.box3').next('input.final').val();
alert(value);
});
的jsfiddle:http://jsfiddle.net/Thn6A/
當我點擊元素與類add_link,我要選擇的組類final value。我已經爲它寫了上面的代碼,這似乎工作,但我想要一個更直接的選擇器來定位元素。
-1你測試過了嗎? add_link沒有任何輸入的兄弟:) – Dipak
@loganphp現在工作嗎? – Codegiant