javascript - HTMLのクリックイベントからタグのデータ値を取得する

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を通して。id の使用は制限されていることに注意してください。

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

クラスセレクター