所以我想遍歷多個元素,我似乎遇到了問題。我有2個div,每個div都有兩個子元素 - 一個輸入和一個鏈接。鏈接裏面還有一張圖片。當我點擊第一個div的輸入按鈕時,我希望能夠遍歷它的同胞(鏈接{a標籤})並進入鏈接child(img標籤)並獲取其源屬性,然後我將使用它改變第二個div的圖像。下面的代碼的摘錄通過多個元素遍歷jquery
HTML:
<div id="item">
<a href="#" target="_blank" id="yeezy"><img src="img/deli/1.jpg" alt="Owl Image" id="homeimage"></a>
<input type="submit" id="btn1" class="btn btn-default dropdown-toggle viewbuttons" value="View Item" onclick='changeImage("img/deli/1.jpg");'>
</div>
<div class="item">
<a href="#" target="_blank"><img src="img/deli/2.jpg" alt="Owl Image" id="homeimage"></a>
<input type="submit" id="btn" class="btn btn-default dropdown-toggle viewbuttons" value="View Item" onclick='changeImage("img/deli/2.jpg");'>
</div>
JQUERY:
$(document).ready(function(e){
$('input#btn1').on('click', function(){
var changeThis = $('input#btn1').siblings('#yeezy').children('img').attr('src');
$("#homeimage").attr("img", changeThis);
})
});
預先感謝您
應該採取什麼'changeThis'在你的榜樣等於?我假設'img/deli/1.jpg'?你有什麼'id =「item」'和'class =「item」'的原因是什麼? – FrankerZ