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

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。
请各位网友帮帮忙,谢谢了。

阅读 7.1k
7 个回答
<button onclick="ServerDetail(this)">codm-lobby-0001</button>


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

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

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

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

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

}

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题