我可以从此函数返回backgroundColor,但不能返回text或innerText。我有大约100个按钮,我想在单击时选择背景颜色和文本。我不希望每个按钮都有一个功能。
警告中显示 var c
,因此我知道警报正在运行,但var iT
为空。
我已经尝试过使用Chrome v51~和IE11。
$(document).ready(function(){
$(this).click(function () {
var b = document.getElementById(document.activeElement.id);
var c = b.style.backgroundColor;
var iT = b.innerText;
alert(c + " " + iT);
});
});
答案 0 :(得分:0)
简单地:
$(document).ready(function(){
$('.my-button').click(function () {
var btn = $(this)
var color = btn.css('backgroundColor')
var text = btn.text() || btn.val() // if text is inner html tag, or on value attribute
alert(color + " " + text);
});
})
带链接
<a class="my-button">Click me</a>
带按钮
<button class="my-button" value="Click me"/>
<input type="submit" class="my-button" value="Submit"/>
答案 1 :(得分:0)
使用jQuery中的attr()函数获取按钮的值:
alert($(this).attr("value"));