これまでのところ、タイトル内のコンテンツに応じて各要素のスタイルを変更しようとしているだけで、最初の要素に基づいてのみ変更され、他の要素は無視されます。「each()」を使用するときは、それぞれをチェックし、色を赤に変更して青を青に変更する必要があります。
<html>
<head>
<title>colorme</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2 /jquery.js"></script>
<script>
$(document).ready(function(){
$(".test").each(function(){
var title = $(this).find('.taskName').attr("title");
if(title =="yes") {
$('div.taskName').css('color','blue');
}
else if(title =="no") {
$('div.taskName').css('color','red');
}
});
});
</script>
</head>
<body>
<div class="test">
<div class="taskName" title="yes">this should be blue</div>
<div class="taskName" title="no">this should not be blue</div>
<div class="taskName" title="yes">this should be blue</div>
<div class="taskName" title="no">this should not be blue</div>
</div>
</body>
</html>