Utilisation de jQuery avec un href

Question

J'ai une question simple (?), J'ai une fonction qui est similaire.

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

qui est utilisé de

<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> 

La chose est que, je voudrais une option similaire sur la fonction $("input[@name=typeGroup]:checked) mais pour un <a href> qui ressemble à

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

Est-il possible? Et comment cela ressemblerait-il?

Answer 1

Si vous avez besoin pour obtenir le élément d'ancrage, vous pouvez utiliser:

$('#draw_pic') 

Comme vous avez un identifiant unique sur cet élément.

Mise à jour

Si vous voulez des choses différentes, je lier différents événements plutôt que d'utiliser si des déclarations.

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

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

Si c'est juste une différence subtile, vous pouvez utiliser une instruction if ...

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

Answer 2

Jquery sélecteur d'attribut comme suit:

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

Mis à jour ans pour commenter: utiliser cette

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

pour l'utilisation en fonction

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 3

Le lien se trouve dans les états suivants:

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

Peut-être est ce que vous avez besoin:

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

Si vous devez lier la fonction avec elle utiliser 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 
    } 
});