jQuery - wielokrotność: nie selector

Próbuję kierować na całą stronę linki, które nie rozpoczynają się od znaku „#” i nie zawierają wbudowanego kodu javascript, ale mam problemy ze znalezieniem odpowiedniej struktury selektora.

Na podstawie tego, co wyszukałem w Google na temat wielu selektorów, powinno to działać, oba selektory działają niezależnie, ale nie razem!

$('a:not([href*=javascript]), a:not([href^=#])')
.each(function(){...

jquery jquery-selectors

— Hill79
źródło

Czy próbowałeś operatora „lub”? Na przykład: $ ('a: not ([href * = "javascript | #"])')

— Bas Slagter

Twój oryginalny kod działa poprawnie, więc prześlij więcej kodu i HTML, abyśmy mogli zobaczyć, co poszło nie tak ..

— Shadow Wizard is Vaccinating

możliwy duplikat jQuery - Multiple Selectors in a: not ()?

— Adrien Be

Odpowiedzi:

141

Spróbuj użyć

$('a:not([href*=javascript]):not([href^=#])') ...

— jtbandes
źródło

Chociaż to działa, niepotrzebnie negujesz 2 razy. Może to mieć wpływ na wydajność, nie wiem. Podoba mi się jasność / prostota, ale może być łatwiejsze do odczytania niż$('a:not([href*=javascript],[href^=#])')

— Adrien Be

Cześć @AdrienBe W tych skrzypcach: jsfiddle.net/pranavcbalan/dd6tuent/2 Chcę uniknąć drugiej kolumny i ostatniej. Próbuję to zrobić zgodnie z twoją radą: $ ('input: not (: last: nth-child (2))', $ tr) .each (function () {// iteruj po danych wejściowych z wyjątkiem ostatniego i drugiego tot + = Number ($ (this) .val ()) || 0; // przeanalizuj i dodaj wartość, jeśli NaN to dodaj 0}); ale to nie pomaga. Masz jakiś pomysł?

— 3AK

@jtbandes, próbowałem również z twoją sugestią, nie działa. Popełniam gdzieś mały błąd. Czy mógłbyś sprawdzić plik jsfiddle.

— 3AK

@Sizzler, czy to działało jako pierwsze, unikając „tylko” jednej kolumny?

— Adrien Be

@AdrienBe yes. Mógłbym to zrobić. Proszę, sprawdź to skrzypce. jsfiddle.net/sizzler/xodzm0qw/3 Jestem w stanie pominąć tutaj kolumnę size1 i kolumnę total.

— 3AK

Możesz też spróbować:

$('a').not('[href^=#],[href*=javascript]')

— DarkAjax
źródło

Szybka uwaga: nie zapomnij dodać przecinka między cudzysłowami, jeśli masz już selektory w zmiennych. Na przykład:$('a').not(selOne + ',' + selTwo + ',' + selX);

— Adrien Be

Prawdopodobnie powinniśmy :notraczej używać niż .not()przy okazji, ze względu na wydajność. patrz stackoverflow.com/questions/8845811/…

— Adrien Be

Jak wskazano w jQuery - Multiple Selectors in a: not ()? , oto właściwy sposób:

$( 'a:not([href*=javascript],[href^=#])' )

Nie zapomnij umieścić cudzysłowów wokół przecinków, jeśli masz już selektory do negacji w zmiennych

var selOne = '[href*=javascript]';
var selTwo = '[href^=#]';
$('a:not(' + selOne + ',' + selTwo + ')')

Przyznaję, że kod jest trochę zagmatwany, ale ma tę zaletę, że można zrobić takie rzeczy:

var selOne = '[href*=javascript], [href^=#]';
var selTwo = '.anotherSelector, .andAnother, .andSoOn';
$('a:not(' + selOne + ',' + selTwo + ')')

Jest to przydatne, gdy z jakiegoś powodu musisz pogrupować selektory, np. używając tej samej grupy selektorów w innym miejscu w kodzie.

Przykład na żywo wykorzystujący tę samą technikę

$('div:not(.rose-flower,.bus-vehicle)').css('color','red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="bus-vehicle">I am a bus</div>
<div class="strawberry-fruit">I am a strawberry</div>
<div class="rose-flower">I am a rose</div>

Rozwiń fragment

Również na http://jsfiddle.net/bmL8gz5j/

:notvs .not(): Ze względu na wydajność powinieneś :notraczej używać zamiast .not(), zobacz Różnice w wydajności między używaniem selektorów „: not” i „.not ()”?

— Adrien Be
źródło