我有一個腳本來改變一個div(main_view)中顯示的IMG SRC在另一個DIV(圖庫)的圖像被點擊時:如何使用Jquery更改另一圖像的<a href「」onclick?
JS
//Swap Image on Click
$("ul.thumb li a").click(function() {
var mainImage = $(this).attr("href"); //Find Image Name
$("#main_view img").attr({ src: mainImage });
return false;
});
HTML
<div id="gallery">
<ul class="thumb">
<li><a href="images/childrentxt.png"><img src="images/buttons/kids.png"
title="children.htm" /></a></li>
<li><a href="images/martialartstxt.png"><img src="images/buttons/dee.png"
title="mma.htm" /></a></li>
<li><a href="images/cardiotxt.png"><img src="images/buttons/cardio.png"
title="fitness.htm" /></a></li>
<li><a href="images/combattxt.png"><img src="images/buttons/tristan.png"
title="combat.htm" /></a></li>
</ul>
</div>
<div id="main_view">
<a href="fitness.htm" title="Mixed Martial Arts" target="_self">
<img src="images/maintxt.png" alt="" /></a>
</div>
然後我想允許用戶單擊main_view div中顯示的圖像以導航到與該圖像關聯的頁面。
我是jquery和js的新手,並沒有成功地編寫腳本來做到這一點。
目前在「gallery's a href」中找到了「main_view的img src」。我一直在嘗試使用「gallery img title」來存儲用於更新「main_view a href」onclick的值。有人可以幫幫我嗎??
感謝, 特蕾西
的代碼基本相同,您可以使用`this.href`,`this.title`代替'`標籤。 ;) – 2011-02-10 01:13:49