jQuery点击事件和获取a标签属性值

Question

当我点击链接时，如何访问a href中的seq值？

/* Add a listner to Group buttons */
    $('a.preActNav').click(function() { 
        alert(this.seq)
    });   



    <li><a href="#preclose4" data-theme="a" data-icon="arrow-d" data-transition="none" seq='1' class="preActNav"  ID="preActNavA">A</a></li>
    <li><a href="#preclose4" data-theme="a" data-icon="arrow-d" data-transition="none" seq='2' class="preActNav"  ID="preActNavB">B</a></li>

- bob

Answer 1

像这样：

alert($(this).attr('seq'));

尽管把seq作为另一个数据元素可能更好：

<li><a href="#preclose4" data-theme="a" data-icon="arrow-d" data-transition="none" data-seq='1' class="preActNav"  ID="preActNavA">A</a></li>

那么你可以这样做：

alert($(this).data('seq'));

---

- Naftali

---

我在HTML 5中看到了这些数据内容，但没有意识到它的强大！ - bob

@bob -- 它非常非常强大 :-) - Naftali

Answer 2

试试这个

$('a.preActNav').click(function() { 
        alert($(this).attr('seq'));
        //To get href
        alert(this.href);
    });   

- ShankarSangoli

Answer 3

请尝试以下方法

$('a.preActNav').click(function() {
   alert($(this).attr('seq'));
});

你需要使用$(this) jQuery选择器

- biluriuday

Answer 4

你尝试过使用$(this).attr()吗？http://api.jquery.com/attr/

- kungphu

Answer 5

你可以使用以下代码：

 $('.item').click(function(){

        console.log($(this).attr("name"));

    });

或者

$('.item').on('click', () => {

    console.log($(".item.active").attr("name"));

});

- Rashid Iqbal