jQuery Attributselektor: [x = y] oder [x = z]

Question

Ich habe folgende jQuery-Selektor:

$("a[href^='http://'],a[href^='https://']"); 

Ist es möglich, dies zu ändern, so dass ich brauche, um a[href^= zweimal nicht angeben?

Zum Beispiel so etwas wie:

$("a[href^='http://'||'https://']"); 

---

EDIT: Mein Beispiel http und https sollte nicht wörtlich genommen werden. Ich könnte stattdessen nach Werten suchen, die mit y und z beginnen.

Answer 1

Ganz einfach, wenn Sie bereit sind, eine zweite Funktionsaufruf zu verwenden:

$('a').filter('[href^="http://"],[href^="https://"]'); 

Oder mit Token:

var startsWith = ['http://', 'https://']; 
$('a').filter(function() { 
    var i; 
    for (i = 0; i < startsWith.length; i++) { 
     if ($(this).is('[href^="' + startsWith[i] + '"]')) { 
      return true; 
     } 
    } 
    return false; 
}); 

oder mit einem benutzerdefinierten Ausdruck:

$.expr[':']​​​​​​.hrefStartsWith = function (ele, i, info) { 
    var tokens; 
    tokens = info[3].split(','); 
    for (i = 0; i < tokens.length; i++) { 
     if ($(ele).is('[href^="' + tokens[i] + '"]')) { 
      return true; 
     } 
    } 
    return false; 
}; 

Welche würde verwendet werden als:

$('a:hrefStartsWith(http://,https://)') 

Answer 2

Fiddle: http://jsfiddle.net/X8CYQ/

---

Sie sollten so etwas wie diese in der Lage sein zu verwenden:

$.expr[':'].exturl = function(obj) { 
    return (/^https?:\/\//i).test($(obj).attr("href")); 
} 

Dann nutzen Sie die Wähler wie folgt aus:

$("a:exturl") 

---

HTML:

<a href="http://www.google.com">External link #1</a><br /> 
<a href="ftp://www.donotinclude.dk">No match link #1</a><br /> 
<a href="?nope">No match link #2</a><br /> 
<a href="https://www.google.dk">External link #2</a><br /> 
<a href="http://www.google.se">External link #3</a><br /> 
<a href="ssh://whywouldyouevendothis">No match link #3</a><br /> 
<a href="https://www.google.co.uk">External link #4</a><br /> 
<a href="http://www.facebook.com">External link #5</a><br /> 
<a href="/index.html">No match link #4</a><br /> 
<a href="https://www.facebook.com">External link #6</a><br />​ 

JS:

$.expr[':'].exturl = function(obj) { 
    return (/^https?:\/\//i).test($(obj).attr("href")); 
} 
$(document).ready(function() { 
    $("a:exturl").css("color", "red"); 
});​ 

Answer 3

können Sie einfach tun

$("a[href^='http']") 

Als href^= bedeutet nur, "beginnt mit" es sei denn, Sie haben ein Bedürfnis zu sein sicher ist :// auch enthalten. Hier

ist ein Beispiel mit anderen Attributen und Werten:

http://jsbin.com/owehow/2/edit

Answer 4

Sie nicht diese in jQuery standardmäßig tun können .. es hat keine Art „oder“ Bedingung für Selektoren (bis auf das Komma, sozusagen, was du vermeiden willst.

Sie können einen benutzerdefinierten Filter erstellen, wenn man wollte:

http://jsfiddle.net/yJZDg/

Dies ist sehr übertrieben, wenn Sie diese Art der Sache viel tun müssen. Das Beispiel funktioniert auch nur für eine exakte Übereinstimmung. Sie müssten für eine "beginnt mit" oder eine andere Art von Match zwicken, aber die Idee ist da.