Question

我有这个样本：

代码HTML：

<div class="body">
    <div class="test">TEST</div>
</div>

CODE JS：

switch (n) {   //what I need  to write instead of n
    case body:
        alert("my class is body");
        break;
    case another_class:
        alert("my class is another");
        break;
    default:
        //etc
}

我想简单地使用开关结构一次测试我的班级......一个班级。

我网站上的网页在正文中有不同的类，只有在某个类中才会应用样式...

如果我没有尝试解释，我希望你明白我的意思

提前致谢！

Answer 1

你可以在jquery中这样做：

if($('.body').length){
    alert('this is body');
}
else if ($('.another_class').length)
{
    alert('another');
}

Answer 2

您可以使用：

switch (document.querySelector('div').classList[0]) {
    case "body":
        alert("my class is body");
        break;
    case "another_class":
        alert("my class is another");
        break;
    default:
        //etc
}

fiddle.

Answer 3

$('div').each(function(){
var Class=$(this).attr('class');
switch (Class) {
    case "body":
        alert("class is +"Class);
        break;
    case "test":
        alert("class is +"Class);
        break;
    default:
        //etc
}
});

这可能会有所帮助。

Answer 4

我并不感觉你想要的是什么，但是在父元素的类不同的情况下为子元素添加某种样式，可以在没有任何javascript的情况下完成，只需声明你的css像这样：

.body .test{
   styling of test inside .body in any case, overruled by anything that follows ;)
}
.body.classNameA .test{
   styling of test in case of classNameA;
}
.body.classNameB .test{
   styling of test in case of classNameB;
}

如果.body类正在发生变化，请将其保留。

如何切换结构以确定哪个类有体？

4 个答案: