使用javascript获取具有特定类的元素的所有类

时间:2013-02-25 10:55:43

标签: javascript

尝试使用JavaScript获取上一类元素。

<li class="dynamic_class second_dynamic_class xx "></li>
<li class="dynamic_class second_dynamic_class"></li>

我想放入var并将dymanic_class的{​​{1}}与<li>进行比较。

只允许使用纯JavaScript!

进一步详情:

class="xx"

首先,我需要选择&lt;李&GT;今天上课比阅读“上一页”&lt;李&GT;在同一个元素的类中,我需要将class =“day_1”变为var。

2 个答案:

答案 0 :(得分:1)

试试这个:

var results = document.getElementById('targetId').className.split(' ');

答案 1 :(得分:0)

最后我做到了,代码看起来像这样:

我有多个不同类的元素:

<li class='day_1 24.02.2013' data-name='day_1 24.02.2013' >more code</ li>
<li class='day_2 25.02.2013 ' data-name='day_2 25.02.2013' >more code</ li>
<li class='day_3 26.02.2013 today' data-name='day_3 26.02.2013' >more code</li>
<li class='day_4 27.02.2013' data-name='day_4 27.02.2013' >more code</ li>

我想将变量(仅使用javascript代码)放入<li>元素的第一个类,它也具有今天的类,所以我使用了以下代码:

var now=' ';
var demo= document.getElementsByTagName("li");
for (var i = 0; i < demo.length; i++ ) {

if (demo[i].className.indexOf('today')!=-1) {
    if (demo[i].className.indexOf('day_1')!=-1){
        now = 'sunday';
    }else if(demo[i].className.indexOf('day_2')!=-1) {
        now = 'monday';
    }else if(demo[i].className.indexOf('day_3')!=-1) {
        now = 'tuesday';
    }else {
        now = 'wednesday';
    }   
} /* first if - ends here */

} /* for - ends here */

 alert(now);

现在,您可以选择“今天”类的<li>的第一个或第二个类。