javascript - 別の要素が既にクリックされているときに要素を表示するにはどうすればよいですか?

Question

私はリンクを持っています、

<a href="manager_view.html">
    <p class="in_row">Jane Doe</p>
</a>

Jane Doe が過去にクリックされた場合にチェックマーク ✓ を表示したい。どうすればいいですか？

Answer 1

フィドル

ジャバスクリプト

document.getElementsByClassName('in_row')[0].onclick = function()
{
    this.className = 'in_row clicked';
}

または、複数ある場合:

var rows = document.getElementsByClassName('in_row');
for (var i = 0, len = rows.length; i < len; i++)
{
    rows[i].onclick = doclick; //this function is the above code
}

CSS

.clicked:before
{
    content:"✓";
}