CODEWITHSUNDEEP
jqueryhtml
Chasen Bettinger
Chasen Bettinger

Reputation: 7454

Retrieve Value of Arbitrary Button OnClick

My attempt

HTML:

<button class="btn btn-info">7</button>

Jquery: 

$(document).ready(() => {
  $('button').click(() => {
     console.log($(this));
     console.log($(this).html());
     console.log($(this).val());
  });
});

Desired result:

7

Upvotes: 0

Views: 51

Answers (1)

gaetanoM
gaetanoM

Reputation: 42054

You can use .text():

$(this).text()


$('button').on('click', function(e) {
        console.log($(this).text());
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<button class="btn btn-info">7</button>

Upvotes: 2

Related Questions