如何使用jquery查找和替换中的图像？

我正在尝试检查图像并替换图像以进行展开和折叠，但我无法找到解决方案

html代码：

这里，而不是+和-我必须放置

谢谢。

HTML

HTML

---

那么，您得到的错误是什么？或者实际上是什么问题呢？我只是想提一下，但最好是将图像已经显示在页面上，然后在需要时显示它。当点击+时，当图像加载时，这将停止闪烁。在这里，您正在检查$expanderSign.text==+，因此当图像出现时，您需要检查整个图像标记，我认为这不是一个好方法。@mahesh：对不起，我的问题是如何做？实际上，我试过使用attr和innerHTML，但它不起作用。您可以使用$expanderSign.html..那么您会遇到什么错误呢？或者实际上是什么问题呢？我只是想提一下，但最好是将图像已经显示在页面上，然后在需要时显示它。当点击+时，当图像加载时，这将停止闪烁。在这里，您正在检查$expanderSign.text==+，因此当图像出现时，您需要检查整个图像标记，我认为这不是一个好方法。@mahesh：对不起，我的问题是如何做？实际上，我试过使用attr和innerHTML，但不起作用。您可以使用$expanderSign.html..@Ran:使用更好的jQuery实现更新了我的答案。放弃旧的建议。Thanks@Ran：使用更好的jQuery实现更新了我的答案。放弃旧的建议。谢谢

<h4 id="expanderHead">Virtual Room <span id="expanderSign">+</span></h4>
<div id="expanderContent" style="display:none">
    content ... content...
</div>

$(document).ready(function(){
   $("#expanderHead").click(function(){
      $("#expanderContent").slideToggle();
      if ($("#expanderSign").text() == "+"){
          $("#expanderSign").html("-")
      }
      else {
          $("#expanderSign").text("+")
      }
    });
});

<h4 id="expanderHead">Virtual Room <span id="expanderSign"><img src="plus-sign.png" /></span></h4>
<div id="expanderContent" style="display:none">
    content ... content...
</div>​

$(document).ready(function(){

   $("#expanderHead").click(function(){

       $("#expanderContent").slideToggle();

       var plusImg = "http://cdn2.iconfinder.com/data/icons/diagona/icon/16/129.png";
       var minusImg = "http://cdn2.iconfinder.com/data/icons/diagona/icon/16/130.png";        
       $this = $("#expanderSign img");            

       if( $this.attr('src') == plusImg ) { $this.attr('src', minusImg);} 
       else { $this.attr('src', plusImg); }

   });
});

$(document).ready(function(){ $("#expanderHead").click(function(){ $("#expanderContent").slideToggle(); if ($("#imgId").attr('src') == "d2.png"){ $("#imgId").attr("src","d1.png") } else { $("#imgId").attr("src","d2.png") } }); }); <h4 id="expanderHead">Virtual Room <img id='imgId' src='d2.png' /></h4> <div id="expanderContent" style="display:none"> content ... content... </div>