단축 javascript/jquery 함수

Question

나는 2 개의 색깔, 회색 및 나가 기능을 달릴 때 놓은 색깔 가치 사이에서 교체 한 할당 원본을 만드는 javascript 기능이있다.

다음은 내가 사용하는 코드입니다. 기능 : 할 각 고유 플래시이어서

function flashtext(ele,col) { 
var tmpColCheck = document.getElementById(ele).style.color; 

    if (tmpColCheck === 'gray') { 
    document.getElementById(ele).style.color = col; 
    } else { 
    document.getElementById(ele).style.color = 'gray'; 
    } 
} 

(콘텐츠는 즉석에서 생성된다) :

 setInterval(function() { 
     flashtext('flashingtext1','#ffffff'); 
     }, 500); 

수 flashingtext 각각 하나 flashingtext2 씩 첨가하고, 색으로 설정된 이 색상은 대체 색상 (이 경우 흰색)입니다.

그런 다음

<span id='flashingtext2'>flash me</span> 

내가 다운이 모든 코드를 손질 수있는 방법은 그래서 발생하는 각 인스턴스에 대해 새로운 자바 스크립트를 추가 할 수가 없습니다입니다. 그래서 난 그냥 아래로 기능을 가지고 다음 스팬 태그에 나머지를 정의 할 수 있습니까?

<span id=flashingtext data=#ffffff> flash white </span> 

내가주는 색상과 같은 무언가가 항상 그와

는 기본적으로 중간 비트를 잘라 회색 번갈아.

참고 : jquery를 사용하는 것이 더 쉬운 방법입니다.

Answer 1

을 설정할 수 있습니다 jQuery를 사용하여 "당신은 그룹으로 그들을 선택할 수 있지만 인라인 스타일로 각각의 색상을 설정할 수 있도록 :

<span class='flashingtext' style='color: white'>flash me</span> 

는 그 다음이"

span.gray { color : gray !important;}​ 

회색 "클래스를

!important을 사용하므로 인라인 스타일을 무시할 수 있습니다.

그런 다음 "flashingtext"클래스가 모든 요소를 ​​선택 또는 해제 "회색"전환 할 수있는 기능 :

setInterval(function() { 
    $(".flashingtext").toggleClass("gray"); 
}, 500); 

데모 : 당신이에 id을 할당해야하는 경우 http://jsfiddle.net/yenK9/

다른 목적을 위해 개별적으로 선택할 수 있도록 펼쳐지지만,이 색상의 경우에는 필요하지 않습니다.

Answer 2

그냥 요소에 클래스를 전환하고 "flashingtext 같은 코드라고, 다음의 요소를 공통 클래스를 제공 모든 인스턴스에 적용 할 경우 각 클래스는 컬러

setTimeout(function() { 
$('#flashText').toggleClass('gray'); 
}, 500);