2017-06-03 48 views
0

我尝试检索任意键的值的OnClick

HTML:

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

的Jquery:

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

期望的结果:

+0

噢,那可能是我的问题,我试图用ES6与jQuery –

回答

2

您可以使用.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>

+0

我得到了一个未定义当我使用它。编辑:我试图使用jQuery的箭头功能。我的错。这工作。 –

+0

@ChasenBettinger我的代码段和你的代码有什么区别吗?您是否将单击处理程序包装在文档就绪功能中? – gaetanoM