Question

我希望在点击带有`value =“frb”的特定锚点时运行一个函数。

这是锚

<a href="<?php echo $l1; ?>" value="frb" class="button">Accept</a>

这是我试过的：

$('body').on('click', value[frb], function(e) {
    e.preventDefault();
});

这不起作用，我找不到任何使用它的例子，是否可能？

Answer 1

.on()的第二个参数应该是选择器字符串

$('body').on('click', 'a[value=frb]', function(e) {
    e.preventDefault();
});

a标记也没有值属性，您应该使用数据属性

<a href="<?php echo $l1; ?>" data-value="frb" class="button">Accept</a>

Answer 2

value不是锚标记的有效属性。而不是你可以使用data-value，如下所示：

<强> HTML

<a href="<?php echo $l1; ?>" data-value="frb" class="button">Accept</a>

<强> 的jQuery

$('body').on('click', 'a[data-value=frb]', function(e) {
    e.preventDefault(); // prevent page reload
    alert( this.href );
});

<强> Working sample

注意：

已经@Musa提到了data属性，但是在他使用a[value=frb]的jQuery代码段中无效。

Answer 3

试试这个：

$(function(){
    $('a[value=frb]').click(function(e) {
        e.preventDefault();
    });
});

它将函数分配给具有指定“value”属性的所有锚点。

Answer 4

工作演示 http://jsfiddle.net/KQy36/

或 http://jsfiddle.net/WP7JS/

API：http://api.jquery.com/on/

哦顺便说一句：http://www.w3schools.com/tags/tag_a.asp（要查看有效的a代码属性）

Anyhoo，希望这有帮助，

<强>码

$('a[value="frb"]').on('click', function(e) {
    alert('yeah wha?');
    e.preventDefault();
});

或除了我的另一篇文章。 :)

$('a').on('click', function(e) {

    if ($(this).attr("value") === "frb") {
        alert('yeah wha? I am frb');
        e.preventDefault();
    } else {

        alert('not frb');
        e.preventDefault();
    }

});

Answer 5

由于link标签没有value属性，我们需要对html进行更改：

<span class="frb"><a href="<?php echo $l1; ?>" class="button">Accept</a></span>

然后添加此项以注册点击事件。

$(document).ready(function(){
  $('span.frb').click(function(e) {
    e.preventDefault();
  });
});

单击具有特定值的锚点时运行jQuery函数

5 个答案:

注意：