如何通过点击它从asp按钮返回文本?

时间:2016-06-19 17:49:09

标签: javascript jquery

我可以从此函数返回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);
    });
});

2 个答案:

答案 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"));