从html中的click事件中获取标签的数据值

Question

这是我的代码片段。

<div class="pagination pagination-0" style="-moz-user-select: none;">
<a class="jp-previous jp-disabled">«</a>
<a class="jp-current">1</a>
<span class="jp-hidden">...</span>
<a class="">2</a>
<a class="jp-next">»</a></div>

从这段代码我想要获取

的值

<a class="jp-current">

通过jquery。请注意，它仅限于使用它。

Answer 1

试试这个：

$(".jp-current").on("click", function () {
    console.log($(this).text());
})

http://jsfiddle.net/U6mBQ/

如果你不需要点击：

console.log($(".jp-current").text());

Answer 2

var val = $(".jp-current").first().text();

Answer 3

使用

$(".jp-current").click(function () {
    console.log(this.innerHTML); // or this.textContent
})

参考文献

.textContent

.innerHTML

class-selector