怎么获取<button>xxx</button>标签中的xxx值？

Question

html代码：

<button onclick="ServerDetail()">codm-lobby-0001</button>

js函数：

function ServerDetail() {
    var btn = $(this);
    var button_val = btn.html();
    alert(button_val);
    var root_dir = "/monitor/servers/detail/";
    var server_url = root_dir.concat(button_val);
    $.get(server_url, function(data, status){
        alert(data);
    } );
}

这是我在网上百度的办法，但是button_val为什么弹出一个undefined。
请各位网友帮帮忙，谢谢了。

Answer 1

<button onclick="ServerDetail(this)">codm-lobby-0001</button>


function ServerDetail(_this) {
    var btn = $(_this);
    var button_val = btn.html();
}

Answer 2

兄弟,你这$(this)指的是window,当然是undefined;

Answer 3

var button_val = $('button').text();

Answer 4

<button onclick="ServerDetail($event)">codm-lobby-0001</button>
function ServerDetail(e) {

$(e.target).html();
//...

}

Answer 5

在html中直接调用函数；没有传参；函数内this不是当前btn

Answer 6

顶楼正解。获取内部内容的方法没问题的话你自己打印一下调用方法的对象就知道问题在哪了~

Answer 7

根据你的评论，我猜测你可能是需要点击那个按钮的value，你可以用eventTarget的API,很简单的