why addClass && removrClass jquery not work

Question

why this code not work? do this methods only work with css?

<input type="button" class="one" value="click Me" />
<input type="button" value="change Class" id="clk" />

<script>
$("#clk").click(function () {
    $('[value = "click Me"]').removeClass('one').addClass('tow');
    alert($('[value = "click Me"]').attr('class')); //print tow
});
$(".one").click(function () {
    alert('one');
});
$(".tow").click(function () {
    alert('tow');
});
</script>

You can find the answer by reading the jQuery tutorial: http://learn.jquery.com/events/event-basics/. — Felix Kling, Jul 23 '13 at 10:18

score 1 · Answer 1 · answered Jul 23 '13 at 10:16

1

Try Using event delegation As class tow doesn't exist when you are binding click event to it

$(document.body).on('click',".tow",function(){
      alert('tow');
});

answered Jul 23 '13 at 10:16

Mohammad Adil

43,337
17
86
109

thanks friend. my problem was solved. thank you for your help – milad.b Jul 23 '13 at 11:49

score 1 · Answer 2 · edited Jul 23 '13 at 10:23

1

$('body').on('click', '.one', function (event) {
    alert('one');
});
$('body').on('click', '.tow', function (event) {
    alert('tow');
});

edited Jul 23 '13 at 10:23

Tushar Gupta - curioustushar

54,013
22
95
103

answered Jul 23 '13 at 10:17

Maxim Zhukov

9,627
5
37
78

1

Code without explanation is rarely helpful. – Felix Kling Jul 23 '13 at 10:18
thanks friend. solved my problom – milad.b Jul 23 '13 at 11:39
thanks friend. my problem was solved. thank you for your help – milad.b Jul 23 '13 at 11:47

why addClass && removrClass jquery not work

2 Answers2