jquery - 制作一个值/普通文本，可点击且可更改

Question

下面的 .js 代码给出了所附图片上可见的 View 。正如您可能从代码中看出的那样，具体取决于数组的值(1 或 0 )显示值为"is"或“否”。

我无法弄清楚如何使"is"或“否”值可点击，从某种意义上说，它从"is"变为“否”。

if(y.email.contact_email == 1){
    contact = "<td class='value'><span style='color: green'>Yes</span></td>";
}

else
{
    contact = "<td class='value'><span style='color: red'>No</span></td>";
}

content += "<tr class='odd'><td class='key'>Contact </br> e-mail</td><td class='value'>"+contact+"</td></tr>";

if(y.email.login_email == 1){
    login = "<td class='value'><span style='color: green'>Yes</span></td>";
}

else
{
    login = "<td class='value'><span style='color: red'>No</span></td>";
}

content += "<tr class='even'><td class='key'>Users login </br> e-mail</td><td class='value'>"+login+"</td></tr>";

Answer 1

试试这个:

$('td.value span').click(function() {
    $(this).text( $(this).text() == 'Yes' ? 'No' : 'Yes' );
});