javascript - 如何检查列表中每个孩子的长度并有条件地将课程应用于另一个孩子的孩子

Question

我一直在寻找和寻找解决方案，但我对 javascript 很陌生，我一定遗漏了一些明显的东西。

我要做的是按数字检查每个 nth-child li 以查看它们是否为空，如果它们确实包含某些内容，则将一个类添加到另一个元素的相应 nth-child 中。

这就是我最终的结果：

if ($('#availList ul li:nth-child(1)').text().length > 0){
$('map area:nth-child(1)').addClass("areaSold");
}

虽然 firebug 没有任何语法错误，但 li 是否为空似乎并不重要，因为该类将始终被应用。

我一定是在做一些非常密集的事情。

更新：

jsfiddle.net/filmcryptic/ed8LF/1

这实际上按预期工作......这意味着网站上出现了一些问题：

嘎。

更新 2：

有用！谢谢blender_noob！

Answer 1

我在下面创建了一个 jsFiddle。根据我对您的问题的理解，如果 li 上包含特定文本，您想向 li 添加一个类。如果这回答了您的问题，请更新我。谢谢

$(function(){
  $('#availList li').each(function(i,val){
     if($(this).text() == "Area Sold"){
       $('#mapArea li:nth-child('+(i+1)+')').addClass('areaSold');
     }else{
       $('#mapArea li:nth-child('+(i+1)+')').addClass('notSold');
     } 
  });
});

在此处查看示例：http: //jsfiddle.net/tBLhN/