javascript - Javascript がパラメーターをループ内の onclick 関数に渡す

Question

このスクリプトを機能させるためのアイデアはありますか?

私は2つの段落を持っています:

<p data-color="red">This textarea has a character limit of 50.</p>
<p data-color="blue">This one has a character limit of 40.</p>​

そしていくつかのJS：

<script>
var p = document.getElementsByTagName('p'),
    i = p.length;

while (i--) {
    color = p[i].getAttribute('data-color');
    p[i].onclick = function() {
        this.style.color = color;
    };
}​
</script>​

デモ

段落をクリックすると、指定した色に変わります。各要素の色を onclick 関数に渡す必要があります。

何か案は？

よろしくお願いします！

Answer 1

<script>
var p = document.getElementsByTagName('p'),
    i = p.length;

while (i--) {
    p[i].onclick = function() {
        this.style.color = this.getAttribute('data-color');
    };
}​
</script>​