Entfernen Elemente, die keinen bestimmten „href“-Wert enthalten

Lesezeit: 2 Minuten

Benutzer-Avatar
MaxE

Ich habe ein WordPress-Theme namens Salient gekauft: http://themenectar.com/demo/salient-frostwave/home-basic/

Es hat diese AJAX-Suche (kleines Suchsymbol im Menü) und ich möchte alle Suchergebnisse aus der Liste entfernen, die einen bestimmten Href-Wert enthalten, sagen wir “Portfolio”.

Ich habe versucht, den folgenden Code als “rohes HTML-Element” innerhalb von Skript-Tags im Page Builder-Plugin hinzuzufügen, aber es hat nicht funktioniert

$('a[href*="portfolio"]').css.({display:"none"})

Wie kann ich das in WordPress implementieren?

Aktualisieren :

Danke für alle Antworten. Da war ein “.” nach “css” und die richtige Zeile sollte sein:

$('a[href*="portfolio"]').css({display:"none"})

Jetzt muss ich wissen, wie ich alle anderen Elemente auswähle und ausblende, die nicht “Portfolio” enthalten. dh Das Endergebnis enthält nur die Elemente mit “Portfolio”.

Ich habe es versucht

href!="portfolio"

Aber es wählt keine aus, weil != mit dem genauen und einzigen “Portfolio” übereinstimmt, wo mein “Portfolio” sein kann irgendwo im link.

  • Jungs danke für die Antworten, wie füge ich das auf WordPress hinzu?

    – MaxE

    13. November 2015 um 15:43 Uhr

  • Die eingereichten Antworten sind in Ordnung, aber ich wollte nur darauf hinweisen, dass Ihr Code funktionieren sollte, wenn Sie nur den Punkt AFTER entfernen .cssso wäre es $('a[href*="portfolio"]').css({display:"none"});…und vergiss dein Semikolon nicht 🙂

    – Jonathan Bowmann

    13. November 2015 um 15:57 Uhr


  • @JonathanBowman danke für den Hinweis. Ich kann nicht glauben, dass ich diesen kleinen Punkt übersehen habe.

    – MaxE

    13. November 2015 um 16:50 Uhr

  • Nach einigen Recherchen stellte ich fest, dass es eine ganz andere Sache ist, Worpdress eine benutzerdefinierte jquery hinzuzufügen. Anscheinend gibt es etwas namens wp_enqueue_script, das verwendet werden soll. Danke für all eure Antworten. 🙂

    – MaxE

    13. November 2015 um 16:52 Uhr

  • Hallo MaxE, du duplizierst die gleichen Codes nochmal 🙂 klar “.” in der zweiten Codezeile.

    – Kamuran Sönecek

    16. November 2015 um 9:21 Uhr

Um alle Elemente auszublenden, die dies tun NICHT das Wort Portfolio enthalten:

$('a:not([href*="portfolio"])').css({display:"none"});

Sie brauchen dafür nicht einmal jQuery, fügen Sie dies zu Ihrer hinzu CSS Datei:

a[href*="portfolio"] { display: none }

Beispiel: http://codepen.io/anon/pen/vNvrpG

  • Vielen Dank! Aber die Website-Suche ähnelt eher AJAX. damit die Ergebnisse nicht gefiltert werden.

    – MaxE

    13. November 2015 um 19:16 Uhr

Warum schreibt jeder einen anderen Code? Es gibt einen Punkt nach der CSS-Funktion, löschen Sie ihn. Ersetzen mit :

$('a[href*="portfolio"]').css({display:"none"})

$('a[href*="portfolio"]').hide();

$('a[href*="portfolio"]').closest('li').remove();

Benutzer-Avatar
Nwan

Sie haben wahrscheinlich kein jquery, Sie können es importieren, indem Sie dies zu HTML hinzufügen

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

Sie können also Ihren Code verwenden $('a[href*="portfolio"]').css.({display:"none"});

Oder Sie können Javascript verwenden (bei Bedarf anpassen):

var elem = document.getElementById("yourId");
elem.parentElement.removeChild(elem);

1026560cookie-checkEntfernen Elemente, die keinen bestimmten „href“-Wert enthalten

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy