ul의 각 문자 색상을 어떻게 확인할 수 있습니까?

변경 버튼을 클릭하면 <li>의 텍스트 색상을 하나씩 변경하고 싶습니다. <li> 텍스트가 모두 빨간색으로 표시되면 "모든 li 텍스트 색상이 변경되었습니다!"라는 경고 메시지가 표시됩니다.ul의 각 문자 색상을 어떻게 확인할 수 있습니까?

<html> 
    <body> 
    <button id="change">change li text-color</button> 
    <ul id="nav"> 
     <li>one</li> 
     <li>two</li> 
     <li>three</li> 
     <li>four</li> 
     <li>five</li> 
     <li>six</li> 
     <li>seven</li> 
    </ul> 
    </body> 
</html>

내 스크립트 (JQuery와 v1.5.2)입니다 :

내 HTML 코드는

$(document).ready(function() 
{ 
    $('#change').click(function() 
    { 
    $('#nav li').each(function() 
    { 
     $(this).css('color', '#F00'); 
    }); 
    }); 
});

출처

2011-12-08 Suresh Pattu

? 코드는 괜찮습니다. –

@RoyiNamir too localized –

처음으로 리, 두 번째 클릭 두 번째 리를 좋아할 때와 같이 하나씩 리색을 변경하고 싶습니다. 그러나 처음 클릭 할 때 전체 리 컬러가 변경됩니다. 그게 좋지 않아요. –

나는 당신이 색상을 클릭 할 때마다 하나 하나를 변경하려는 생각합니다. 카운터를 추가

$(document).ready(function() 
{ 
    var len = $('#nav li').length, 
     cnt = 0; 
    $('#change').click(function() 
    { 
    if (cnt < len) 
    { 
     $('#nav li:eq('+cnt+')').css('color', '#F00'); 
     cnt++; 
    } else { 
     alert("all li text color changed!"); 
    } 
    }); 
});

데모 : 여기 무슨 잘못 http://jsfiddle.net/SUtED/

출처

2011-12-08 08:47:35 ezakto

괜찮습니다. :) –

ul의 각 문자 색상을 어떻게 확인할 수 있습니까?

답변

관련 문제