Question

I have this link :

<a href="#" onClick="addSide('1');return false">Link</a>

and I want that, when I click on a button (for example), the value of addSide in that link grow. Such as first click on the button I want to pass to the addSide function 1, second click
addSide(‘2’), and so on…

So, is it possible change value of the addSide function, trought jQuery, by editing this and replace with somethings like addSide('another_value')?

EDIT
I see is not so clear my question. So I give an example 🙂

This is the code I want to edit :

<div class="trackon" id="trackline">
    <span class="trackbotton1">
        <a class="lblueb" href="#" onClick="addSide('');return false">Add Side</a>
    </span>
</div>

I wrote this :

$('#trackline').find('.trackbotton1').children().attr('onclick', 'alert("example");return false');

but the function doesnt change…

Answer 1

Edit This is based on Jimmy Sawczuk’s approach, and it works.

HTML

<a href="#" id="link" onclick="addSide();return false" rel="1">Link</a>
<button id="button">Button</button>
<div id="slide">1</div>

JS

$('#button').click(function() {
 var current_num = parseInt($('#link').attr('rel'));
 var new_num = current_num + 1;
 $('#link').attr('rel', new_num);
});

function addSide() {
    var n = parseInt($('#link').attr('rel'));
    $('#slide').text('slide number ' + n );
}

---

Old answer – This doesn’t work.

<a href="#" id="link" onclick="addSide('1');return false">Link</a>
<button id="button">Button</button>

$('#button').click(function() {
 var current_func = $('#link').attr('onclick');
 var current_func_parts  = current_func.split("'");
 var current_num = parseInt(current_func_parts[1]);
 var new_num = current_num + 1;
 var new_func = "addSide('" + new_num + "');return false";
 $('#link').attr('onclick', new_func);
});