Convert javascript function to jQuery

Question

How do I convert this javascript selected to jQuery? I need to select a button class rather than an ID, and I understand the easiest way to do this is jQuery.

var playButton1 = document.getElementById("playButton1");

playButton1.onclick = function() {
    var ta = document.getElementById("playButton1");

    document['player'].receiveText1(ta.value);

    ta.value = ""
};

Slightly off-topic, but why do you have the variable ta? Can't you just use your playButton1 variable instead? — Samir Talwar
– Samir Talwar, Commented Sep 24, 2011 at 0:38

JaredPar · Accepted Answer · 2011-09-24 00:38:07Z

2

Try the following. You didn't specify the new class name so I assumed it was "playButton".

$(document).ready(function() {
  $('.playButton').click(function() {
    document['player'].receiveText1(this.value);
    this.value = "";
  });
});

answered Sep 24, 2011 at 0:38

JaredPar

759k152 gold badges1.3k silver badges1.5k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

genesis · Accepted Answer · 2011-09-24 00:37:30Z

0

var playButton1 = $("#playButton1");

playButton1.onclick = function() {
    var ta = playButton1.val();
    document['player'].receiveText1(ta);
    playButton1.val('');
};

answered Sep 24, 2011 at 0:37

genesis

51.1k20 gold badges99 silver badges127 bronze badges

Comments

Sascha Galley · Accepted Answer · 2011-09-24 00:38:33Z

0

$('#playButton1').click(function(){
    document['player'].receiveText1($('playerButton1').val());
    $('playerButton1').val('');
});

answered Sep 24, 2011 at 0:38

Sascha Galley

16.2k5 gold badges39 silver badges52 bronze badges

Comments

genesis · Accepted Answer · 2011-09-24 00:38:57Z

0

var playButton1 = $("playButton1");

playButton1.click(function() {
    var ta = $("playButton1");
    document['player'].receiveText1(ta.val());
    ta.val("");
});

edited Sep 24, 2011 at 0:38

genesis

51.1k20 gold badges99 silver badges127 bronze badges

answered Sep 24, 2011 at 0:37

David G

97.6k41 gold badges173 silver badges258 bronze badges

Comments

Facundo Farias · Accepted Answer · 2011-09-24 00:39:04Z

0

<button class="playButton" value="1">Play 1</button>
<button class="playButton" value="2">Play 2</button>
<script type="text/javascript">
    $(function(){
        $(".playButton").click(function(){
            document['player'].receiveText1($(this).val());
        });
    });
</script>

answered Sep 24, 2011 at 0:39

Facundo Farias

4083 silver badges11 bronze badges

Comments

Derek 朕會功夫 · Accepted Answer · 2011-09-24 00:42:02Z

0

$('#Class').click(function(e){
    document['player'].receiveText1(event.target.value);
    event.target.value = ""
});

answered Sep 24, 2011 at 0:42

Derek 朕會功夫

94.8k45 gold badges199 silver badges255 bronze badges

Collectives™ on Stack Overflow

Convert javascript function to jQuery

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related