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

Adil Shaikh

44,509
17
89
111

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

58,085
24
103
107

answered Jul 23 '13 at 10:17

Maxim Zhukov

10,060
5
44
88

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

why addClass && removrClass jquery not work

2 Answers2