jquery onclick change value22

Question

I have code that should change the anochor and the id value when clicking on it. The value and the anchor are changing, but only 1 time. can you tell me why it's not working?

HTML

<a href="#" id="enable-edit-button">EDit</a>

JS

<script type="text/javascript">
$(document).ready(function()
{
    $("#enable-edit-button").click(function()
    {
        $(this).attr("id","save-edit-button");
        $(this).html("SAVE");

    });

    $("#save-edit-button").click(function()
    {
        $(this).attr("id","enable-edit-button");
        $(this).html("EDIT");   
});

});
</script>

I marked this as a duplicate of a question about changing class dynamically, but the issue and solution are the same when changing ID dynamically. — Barmar, Apr 07 '16 at 11:41

score 0 · Accepted Answer · edited May 23 '17 at 11:50

0

Your question is defined here.. Difference between .on('click') vs .click()

$('body').on('click', '#save-edit-button', function() { ... });

edited May 23 '17 at 11:50

Community

1
1

answered Apr 07 '16 at 10:58

shivansh

450
4
8

score 0 · Answer 2 · answered Apr 07 '16 at 11:04

0

Try this

$(document).ready(function ()
{
    $(document).on('click', "#enable-edit-button", function ()
    {
        $(this).attr("id", "save-edit-button");
        $(this).html("SAVE");

    });
    $(document).on('click', "#save-edit-button", function ()
    {
        $(this).attr("id", "enable-edit-button");
        $(this).html("EDIT");
    });

});

answered Apr 07 '16 at 11:04

Shadab Mehdi

604
10
23

Don't just dump code, explain the problem and how your answer solves it. – Barmar Apr 07 '16 at 11:42

jquery onclick change value22

2 Answers2