Question

so I have:

<span selected="Y" onclick="change();">Click here to test~</span>


<script src="jquery-1.7.2.js"></script>

<script>
function change()
{
  $('span[selected=Y]').attr("selected","N");
}
</script>

When I clicked the span, and checked the attribute of the span using firebug, the attribute “selected” changed to “selected” instead of “N”.

so the result is selected=”selected” !!??

How come it did not change to selected="N"

Answer 1

selected is not valid attribute to span, instead of that you can use data.

<span data-selected="Y">Click here to test~</span>

jQuery

$('span[data-selected=Y]').on('click', function() {
  $(this).data('selected', 'N');
});

Read more about jQuery .data()