如何使用jQuery獲取div的當前類？

102

剛剛得到的類屬性：

var div1Class = $('#div1').attr('class');

例

<div id="div1" class="accordion accordion_active">

要檢查上述DIV包含在它

var a = ("#div1").attr('class'); 
console.log(a);

控制檯輸出

accordion accordion_active

類

來源

2009-10-08 07:23:31 CMS

+0

這真的是一個屬性？ 'className' ..？是不是'className'只用於JavaScript？ 'document.getElementById（「div1」）。className' – peirix 2009-10-08 10:15:12

+2

現在看到，根據jQuery文檔建議使用'className'，這樣它就不會干擾JavaScript中的保留字'class' ... – peirix 2009-10-08 10:29:07

+2

** NOTE ：**在jQuery 1.6中，它們*最後*修正了'attr'方法，現在您應該使用'$（...）。attr（'class'）;'，'className'只是一個訪問器屬性，它映射到DOM元素的''''屬性 - 沒有'className'屬性，它只是一個屬性。 – CMS 2011-07-13 21:42:29

2

$("#div1").attr("class")

來源

2009-10-08 07:23:59

11

$('#div1').attr('class')

將返回類的字符串。把它變成類名稱的數組

var classNames = $('#div1').attr('class').split(' ');

來源

2009-10-08 07:24:26

+2

+ 1'd。（$（'＃div1'）。attr（'class'）||''）.split（''）更安全。 – user420667 2014-09-17 17:25:13

1

var classname=$('#div1').attr('class')

來源

2009-10-08 07:25:08 halocursed

0

試試這個

$（「＃DIV1」）。ATTR（「類」）

來源

2009-10-08 07:25:09 Ravi

16

只需通過

var divClass = $("#div1").attr("class")

你可以做一些其他的東西來操縱元素的類

$("#div1").addClass("foo"); // add class 'foo' to div1 
$("#div1").removeClass("foo"); // remove class 'foo' from div1 
$("#div1").toggleClass("foo"); // toggle class 'foo'

來源

2009-10-08 07:32:38

1

var className=$('selector').attr('class');

或

var className=$(this).attr('class');

當前元素

來源

2012-05-24 09:58:35 aymen

7

的類名從現在起是更好地使用，而不是.attr（）之一.prop（）函數。

這裏jQuery的文檔：

在jQuery 1.6的，所述.attr（）方法返回未定義對於尚未被設置的屬性。另外，.attr（）不應該用於純文本對象，數組，窗口或文檔。要檢索並更改DOM屬性，請使用.prop（）方法。

var div1Class = $('#div1').prop('class');

來源

2012-11-03 17:39:49 mt81

1

的addClass方法jQuery中內置了一個currentClass。你可以使用它的函數調用裏面。像這樣：

<div>First div</div> 
<div class="red">Second div</div> 
<div>Third div</div> 
<div>Fourth div</div> 

<script> 
    $("div").addClass(function(index, currentClass) { 
    var addedClass; 
    if (currentClass === "red") { 
     addedClass = "green"; } 
    return addedClass; 
    }); 
</script>

來源

2013-03-03 21:15:36

0

<div id="my_id" class="my_class"></div>

如果這是第一個div然後解決它像這樣：

document.write("div CSS class: " + document.getElementsByTagName('div')[0].className);

或者做到這一點：

document.write("alternative way: " + document.getElementById('my_id').className);

它產生以下結果：

div CSS class: my_class 
alternative way: my_class

來源

2013-10-10 19:50:47

0

，如果你想尋找的是有超過1類試試這一個div：

HTML：

<div class="class1 class2 class3" id="myDiv">

的Jquery：

var check = $("#myDiv").hasClass("class2").toString();

輸出繼電器：

true

來源

2016-10-28 13:01:50 Badiparmagi

如何使用jQuery獲取div的當前類？

回答

相關問題