Làm thế nào để bấm vào một liên kết và nhận được màu sắc của nó?

Question

OK, do đó, điều này nghe có vẻ đơn giản, sử dụng chức năng 'click' của jquery.

Điều này là tôi muốn màu ORIGINAL của liên kết KHÔNG có màu được di chuột - ví dụ: nếu liên kết có màu xanh lá cây với trạng thái di chuột cam, tôi sẽ lấy màu xanh lá cây.

tôi đã cố gắng một cách tốt nhất như tôi có thể và hiển thị nó trong một Bất cứ ai fiddle

có bất kỳ ý tưởng?

CHỈNH SỬA: xin lỗi, nhưng như một số mắt đại bàng đã phát hiện (nhờ chúng chỉ ra) màu xanh lá cây thực sự là "rgb (0, 128, 0)", KHÔNG rgb (0, 255, 0) như thể hiện trong fiddle ban đầu của tôi.

Answer 1

Lưu trữ nó trong jQuery's data đối tượng:

$('a').each(function() { 
    $(this).data('color', $(this).css('color')); 
}) 
.click(function() { 
    alert($(this).data('color')); 
}); 

Dưới đây là fiddle của bạn: http://jsfiddle.net/sVDYe/4/

---

Đối với hiệu suất tốt hơn, tôi muốn sử dụng the static methods trong vòng lặp. They're much faster:

$('a').each(function() { 
    $.data(this, 'color', $.css(this, 'color')); 
}); 

Đây là fiddle: http://jsfiddle.net/sVDYe/13/

Answer 2

việc kiểm tra này nó sẽ làm việc chắc chắn

<script> 
    $("a").click(function() { 
     $(this).toggleClass("colorclass"); 
    }); 
</script> 

Answer 3

Hãy thử bên dưới cách tiếp cận ..

DEMO: http://jsfiddle.net/sVDYe/33/

$("a").click(function(e) { 
    e.preventDefault(); 
    var tmpLink =$(this).clone(); 
    tmpLink.appendTo($(this).parent());  
    var acolor = tmpLink.css("color"); 
    tmpLink.remove(); 

    if (acolor == 'rgb(255, 165, 0)') { 
     alert('wrong color - its ORANGE =' + acolor); 
    } else if (acolor == 'rgb(0, 128, 0)') { 
     alert('CORRECT color - its GREEN =' + acolor); 
    } 
}); 

Như pimvdb chỉ ra .. Màu xanh lá cây là RGB(0,128,0)

Answer 4

Hãy thử như thế này

http://jsfiddle.net/dadviegas/hfHBh/

Answer 5

Bạn có thể xử lý các thay đổi màu sắc sử dụng Jquery thay vì css và lưu nó:

http://jsfiddle.net/sVDYe/20/

var hoverColor; 

$("a").hover(function() { 
    hoverColor = $(this).css("color"); 
    $(this).css("color", 'orange'); 
}, function() { 
    $(this).css("color", 'green'); 
}); 

$("a").click(function (e) { 
    e.preventDefault(); 
    var acolor = hoverColor; 
    if (acolor == 'rgb(255, 165, 0)') { 
    alert('wrong color - its ORANGE =' + acolor); 
    } else if (acolor == 'rgb(0, 128, 0)') { 
    alert('CORRECT color - its GREEN =' + acolor); 
    } 
}); 

.210

Ngoài ra màu xanh lá cây là

rgb (0, 128, 0)