2013-10-08 11 views
0

我有一個小的圖像來自一個大的CSS。我希望他們有不同的鏈接,我不知道是否有任何選項可以插入它。感謝在CSS中插入href。可能?

.PP-3000469 .BL { 
background-position:-375px -192px 
} 

這是我的HTML內容:

<span class="provider"><div class="PP-3000271"><span class="BL"></span></div></span> 

怎樣才能得到,在這個班,當我點擊的內容帶我到www.google.com例如

+1

它可能更容易使用JavaScript或jQuery –

+0

我怎麼能用jQuery來做到這一點。有上百種課程。如何添加與JavaScript的HREF?謝謝 –

+0

你是說你想讓它做這樣的事情:如果課程是google.com,請將鏈接轉到google.com?你很不清楚 – Markasoftware

回答

0

你可以用jQuery來解決這個問題。假設你有該文件中包含的HTML文件,

$(".PP-3000469 .BL").attr("href", "url"); 
+0

嗨,我不需要檢查href。我需要根據CSS類來包含它。謝謝。 –

+0

@VictorNavarro看到編輯 –

+0

看起來不錯,但它不是爲我工作:( 這是HTML內容:的

2

有沒有辦法做到這一點與CSS。但這裏有一個方法使用JavaScript來做到這一點(沒有jQuery的需要):

var classElts=document.getElementsByClassName('PP-3000469'); 
for(var i=classElts.length;i>0;i--){ 
    classElts[i].setAttribute('href','http://example.com/'); 
} 
+0

我建議jQuery的,因爲它是一個比較容易理解和編寫 –

+2

。我建議不要使用jQuery,因爲它真的很愚蠢,使用一個非常大的庫,所以你可以在你的網站上做一些鏈接 – Markasoftware

+0

對,你可以使用他想要的,我想 –

-4

像@markasoftware我建議使用JavaScript

var classElts=document.getElementsByClassName('PP-3000469'); 
for(var i=classElts.length;i>0;i--){ 
classElts[i].setAttribute('href','http://example.com/'); 
} 

有沒有辦法只使用CSS,因爲CSS只是造型。

+1

首先,你複製我的代碼字符的性格。即使變量名也是一樣的。秒,實際上css可以用於懸停效果/動畫,而不是隻是造型。另外,最近出現在CSS中的轉換,動畫和轉換比現在的JUST風格略多。但是我要給你的-1是因爲你複製了我的代碼。 – Markasoftware