基于 Javascript/jQuery 长度的警报类

Question

所以基本上我只是尝试选择“on”类，但基于类长度 2。

<div class="film cars-0317219 on"></div>
<div class="film wall-e-0910970 on"></div>
<div class="film off up-0945232"></div>
<div class="film on finding-nemo-0266543"></div>
<div class="film off cars-0317219"></div>

类似：

$('div.film').live('click', function(){
var classes=$(this).attr("class").split(" ");
var status=classes[classes.length=2];

alert(status);
});

应该提醒“开启”

知道如何根据字符串长度获取警报吗？ （同样，如果我在代码中输入 3 而不是 2，它应该会提示“关闭”）

Answer 1

var status=classes[1]; // the second element of the array

---

更好的方式来做你想做的事：

var isOn=$('.film').hasClass('on');

alert(isOn?'on':'off');

请记住，$('.film') 在执行这些类型的操作时只会获得该类的第一个元素，除非这是在像 click 这样的处理程序中，在这种情况下您将使用 $(this)

Answer 2

你应该这样做：

alert(classes[1]);

javascript 中的数组是从零开始的，因此第二个元素的索引为 1（第三个元素的索引为 2）

编辑 - 现在我理解 OP 表示单词的长度（2 个字母）：

var classes=$(this).attr("class").split(" ");
for (i = 0; i<classes.length; i++){
   if (classes[i].length ===2){
      alert(classes[i]);
   }
}

Answer 3

如果你只想提醒一定长度的类，你可以这样进行

a=['film', 'cars-0317219', 'on'];//same as your var classes;
var status = a.filter(function(x){
 return x.length==this.size;
},{size:2});//contains ['on']

然而过滤器是为firefox实现的，我不知道对于其他浏览器。

Answer 4

function something(){
var classSplitOn =" ";
var desiredCount = 2;

var onClassSelector = ".on";

$('.film').each(function(index,elem){
  var classString = elem.className;
  if(classString && classString.split(classSplitOn).length == desiredCount){
    var alertVal = "off";
    if($(this).is(onClassSelector)){
      alertVal = "on";
    }
    alert(alertVal);
  }
});
}