2013-12-11 42 views
-1

有沒有辦法像使用索引或數組一樣獲取類名的值?我有這樣的代碼:如何從jQuery上的元素動態獲取類名?

<input class="wpsc-buy-now-button wpsc-buy-now-button-64" type="image" name="submit" border="0" src="https://www.paypal.com/en_US/i/btn/btn_buynow_LG.gif" alt="PayPal - The safer, easier way to pay online"> 

我想要動態獲取wpsc-buy-now-button-64。我不希望使用$(」。WPSC買按鈕-64" ),因爲我的計劃是把它放在一個變量,像這樣

var $classOfBtn = wpsc-buy-now-button-64; 

64是我需要比較的ID另一個價值在foreach。這根據內容而變化。

+0

我認爲你正在尋找一個字符串文字:'變量$ classOfBtn =「WPSC買,現在按鈕-64」;' –

+0

你可以如果這是你所問的關於元素的類名列表。 –

+0

你可以通過給輸入標籤分配一個'id'來獲得課程名稱 – Suleman

回答

1

HTML:
給控件一個ID。

<input id="btn" class="wpsc-buy-now-button wpsc-buy-now-button-64" type="image" 
    name="submit" border="0" src="https://www.paypal.com/en_US/i/btn/btn_buynow_LG.gif" 
    alt="PayPal - The safer, easier way to pay online" /> 

的Javascript:

$(document).ready(function() { 
    var $classOfBtn = $('#btn').attr('class').split(' ')[0] + '-64'; 
    alert($classOfBtn); 
}); 

編輯:
前提是你的控件名稱submit,你可以這樣做:

$(document).ready(function() { 
    var $allClasses = $("[name='submit']").attr('class').split(' '); 
    for(var i=0; i < $allClasses.length; i++) 
    { 
     // Check $allClasses[i] here. 
    } 
}); 

請參閱該工作小提琴我的例子:http://jsfiddle.net/jwyF8/

+0

64是未知的。我不應該定義它。我想要的是獲得所有類並查找該類並將其傳遞給一個變量。 – ralph

+0

尋找哪個班?您將使用'$('#btn')。attr('class')。split('')'獲得數組中的所有類。 – P5Coder

+0

是的。我認爲這就是我需要的。我想獲得所有的課程,然後從那裏找到某個班級。 :) – ralph

0

假設這是你所擁有的;

var $classOfBtn = 'wpsc-buy-now-button-64'; 

這會工作得很好:

$('.' + $classOfBtn) //note the dot 

更新:

,如果你確實想要得到的所有類你就必須分配識別您的input的一些其他的意思,所以它可以被檢索並「詢問」它的班級列表。

請參閱here

0

替換字符串文字,並按照下列指示:

Get class name using jQuery

這也將是有益的,如果你能描述你通過動態獲取按鈕是什麼意思?

1

如果你想閱讀類的輸入給它一個id,然後使用 -

var className = $('#id').attr('class'); 

,如果你想使用類做選擇,你可以在類名保存到某個變量你有mentioned-

var $classOfBtn = wpsc-buy-now-button-64; 

,然後使用它像這樣 -

$('.'+$classOfBtn) 
0

你可以把所有的類數組是這樣的:

var classArray = $('input').attr('class').split(' '); 
// So now you can declare variables 
var classbtn1 = classArray[0]; 
var classbtn2 = classArray[1]; 
相關問題