Jquery onClick을 사용하여 여러 요소를 변경하는 방법은 무엇입니까?

Question

그래,이 방법을 연구하려고 시도했지만 실패했습니다. Jquery replaceWith를 사용하는 것이 가능하지만이를 구현하는 방법을 알지 못한다고 생각합니다.

각 아이콘은 내가 정보 (주 iframe이 내용에 웹 페이지를로드)를 변경하려면 클릭

<li><a href="#navclose" class="open"><span>MAINSTREAM</span><img src="images/stacks/mainstream.png" alt="MAINSTREAM" /></a></li> 
    <li><a href=""><span>THOUGHT&nbsp;MENU</span><img src="images/stacks/thoughtmenu.png" alt="THOUGHTMENU" /></a></li> 
      <li><a href="#"><span>Redrawing&nbsp;the&nbsp;Maps</span><img src="images/stacks/redrawnmaps.png" alt="Photoshop" /></a></li> 

, 나는 변경하려면 항목은 다음과 같습니다

기본적으로 내가 탐색이 아이콘을 여기에 2012 년 6월 개시 'URL'http://www.redrawingthemaps.org.uk/ '및 날짜 정보는 : 모든 가능성을

<div id="navclose"> 
    <div id="navfunction" > 
    <div id="searchbar"><ul class="navfunction2"> 
    <li>http://www.redrawingthemaps.org.uk/</li> 
    </ul></div> 
    <ul class="navfunction"> 
    <li style="margin-right:-2px;"><a href="#navclose" class="close">Close</a></li> 
    <li><a href="http://www.redrawingthemaps.org.uk/" target="_blank">Open In New Window</a> </li> 
    <li>Initiated June 2012</li> 
    </ul> 
    </div> 
    <div id="navcontent"><iframe src="http://www.redrawingthemaps.org.uk/" width="1000px" height="3000px" frameborder="0"></iframe></div> 
    </div> 



<script> 
    $(function() { 
    $('a.open').click(function() { 
     $($(this).attr('href')).slideDown(500); 
     return true; 
    }); 
$(function() { 
    $('a.close').click(function() { 
     $($(this).attr('href')).slideUp(500); 
     return false; 
    });}); 
});}); 
    </script> 

Answer 1

업데이트

유형에 따라 텍스트가 포함 된 HTML 요소를 모두 찾아서 변경하십시오.

두 번 이상 변경해야하는 경우 함수를 만듭니다.

var old = "http://www.redrawingthemaps.org.uk"; 
var new = "New data"; 

$('li:contains("'+old+'")').each(function() { 
    $(this).html(new); 
}); 

$('a[href="'+old+'"]').each(function() { 
    $(this).attr("href",new); 
}); 

$('iframe[src="'+old+'"]').each(function() { 
    $(this).attr("src",new); 
});