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"));
});

如何选择父div内容

3 个答案: