jquery - 如何选择父 div 内容

Question

我正在尝试使用 Jquery 在父 div 的 sideblings 中找到图像。我想知道找到它的最佳和快速方法是什么。

html

more divs..and all generated dynamically..
<div>
other dynamically generated image...

<img src='haha1.jpg' />
<img src='haha2.jpg' />
</div>

<div>div 2</div>
<div>div 3</div>
<div>div 4</div>
<div>div 5</div>

more divs....

<div>
<button id='btn'/>
</div>


$('#btn').click(function(){

   //I have to change image source by using parent() method....

})

谢谢您的帮助！

Answer 1

如果我理解正确，您希望能够更改特定 div 内图像的 src。如果是这种情况，请查看此代码中的选项是否有帮助。

$('#btn').click(function(){

//I have to change image source by using parent() method....


$("#divId").children("img").attr("src", "newImgSource.jpg"); //this will probably  change all the images int the div.
$("#imgId").attr("src", "newImgSource.jpg");//this should change a specific image's src.


});

Answer 2

如果你的按钮可以有一个ID...

<div id="images">  <!-- add an ID here too -->
   <img src='haha1.jpg' />
   <img src='haha2.jpg' />
</div>

jQuery：

var source = 'folder_name/';

$('#btn').click(function(){
   $('#images').find('img').each(function(){
      $(this).attr('src', source+this.src);
   });
});

Answer 3

http://jsfiddle.net/truuD/12/

我通常使用 .prev() 和 .find() 来处理这样的事情。不确定它是最快还是最好的方法，但它对我有用。

$("button").click(function(){               
    console.log($(this).parent("div").prev("div").find("img"));
});​