javascript - 使用带有 href 的 jQuery

Question

我有一个简单的（？）问题，我有一个类似的功能。

value = $("input[@name=typeGroup]:checked").val();
if (value == "value1") {
self.doSomething1();
}
else if (value == "value2") {
self.doSomething2();
}

哪个是从

<div><input type='radio' name='typeGroup' value='value1' data-bind='checked: searchType' />Radio1</div>

<div><input type='radio' name='typeGroup' value='value2' data-bind='checked: searchType' />Radio2</div>

问题是，我希望函数上有类似的选项，$("input[@name=typeGroup]:checked)但<a href>看起来像

<a href='#' data-bind='click: clickActivateFunction' id='draw_pic'>

是否可以？这会是什么样子？

Answer 1

jquery属性选择器如下：

$("a[href=xxxx]");

更新了评论的答案：使用这个

$("a:contains('My Text')")

用作函数

function onclickofa(e) {
    value = $(e.target).text();
    if (value == "value1") {
         self.doSomething1();
    }
    else if (value == "value2") {
        self.doSomething2();
    }
}

<a href="#" onclick="onclickofa()">value1</a>
<a href="#" onclick="onclickofa()">value2</a>

Answer 2

如果需要获取锚元素，可以使用：

$('#draw_pic')

因为您在该元素上有一个唯一的 id。

更新

如果你想要不同的东西，我会绑定不同的事件而不是使用 if 语句。

$('#draw_pic').click( function () {
    alert('Draw pic clicked');
});

$('#draw_more').click( function () {
    alert('Draw more clicked');
});

如果只是细微差别，您可以使用 if 语句...

$('a').click( function () {
    if (this.id === 'draw_pic') {
        alert('Draw pic clicked');
    }
});

Answer 3

可以在以下状态中找到该链接：

a:link
a:visited
a:hover
a:active

也许这就是你需要的：

$("a[href=xxxx]:visited");

如果您需要绑定函数，请使用bind

Answer 4

$("a").each(function(){
    var $a = $(this);
    var href = $a.attr("href");
    switch(href)
    {  case '#':
           alert("#!");
       break;
       case "/":
           // special click for home
           $a.click(function(e){
               alert("hello home");
               e.preventDefault();
           });

           // patch href in this case
           $a.attr("href","/index");
       break;
       default:
           alert("href:"+href);
       break;
    }
});

Answer 5

$('a').click(function(e){
   if(this.id === "drawpic"){
      // do something1
     }
   else{
      // do something2
   }
});