2014-05-03 73 views
1

如何在這種風格的HTML標籤我應該如何使用jQuery代碼來做到這一點? (加對結腸癌的樣式標籤屬性)

http://benchmarq.com.tw/qa/my_q_01.png(我的打印屏幕圖像)

http://benchmarq.com.tw/(這是我的地盤) 添加屬性和我的Drupal核心 創造其幻燈片無屬性包含在其中(模塊不包含此功能使用) 所以我想添加它的功能和使用jquery使其工作 我使用firebug來查找html id和class

這樣的

一共是10幻燈片PIC 我想補充的埃維數據的iView(DIV)

我應該如何使用jQuery代碼做呢?

感謝很多

+0

什麼屬性,你想補充的嗎?如果你想用jQuery添加一個屬性,只需要用'$('YOUROR SELECTOR')。attr('屬性你想要添加','你想添加到屬性的值')來選擇一個或多個元素。 ' – dklingman

+0

感謝您的回覆,但我想在div上添加 attr是工作 – hukuto7750

回答

0

你可以做以下

<div id="x">your div</div> 
<div id="y">second div</div> 

然後爲你的jQuery代碼,你可以不喜歡以下。顯然這只是一個例子。

$('div').each(function(i){ 
    if(i===0) 
     $(this).wrap($('<a></a>').attr({'href':'http://www.google.com','target':'_blank'})); 
    else 
     $(this).wrap($('<a></a>').attr({'href':'http://www.microsoft.com','target':'_blank'})); 
}); 

http://jsfiddle.net/dklingman/uDvJ5/

+0

再次感謝您的回覆! 原因DIV從Drupal主題模塊(名稱的iView)創建 ,所以我不能編輯WYSYWIG編輯 的HTML代碼,但也許我可以從js文件(我對我的js能力弱) HTTP編輯:/ /benchmarq.com.tw/(網站) http://ypccoals.com/QA/QA.png(屏幕) http://ypccoals.com/QA/iview.js(幻燈片源代碼) 我的想法(是嗎?)就像如下 http://ypccoals.com/QA/iview.js/my_idea.txt ,我想每個網址使每個div超鏈接 – hukuto7750