In der Woocommerce-Seite funktioniert das Skript nur, wenn es in der Konsole ausgeführt wird

Question

In einer Woocommerce-Seite möchte ich bestimmte Produkte verstecken, wenn sie ein Abzeichen (eine Klasse) haben. Ich kann sie nicht einfach verstecken, denn wenn ich das tue, werden sie auf der Seite mit den einzelnen Produkten nicht als Upselling erscheinen. Also habe ich versucht, mit jQuery, wenn ich in der Konsole eingeben:

var liSet = $("body.term-flamboyants-lingerie li.animate"); 

    if ($("body.term-flamboyants-lingerie li.animate a").hasClass("setBadge")){ 
     liSet.css("display", "none"); 
    } 

Es funktioniert, die Produkte mit dem Abzeichen, die in dieser speziellen Seite sind ausgeblendet. Das Problem ist, dass wenn ich dies in meine script.js-Datei schreibe, es nicht funktioniert. Ich habe mehr Code in "script.js", das funktioniert gut und es ist alles verpackt in einem "jQuery (Dokument) .ready (function ($) {" Ich bin ein bisschen ratlos, warum es nicht würde Arbeit.

bearbeiten A setTimeOut Funktion funktioniert, so dass mein Code ausgeführt wurde, bevor diese Klasse auf der Seite gesetzt wurde. gibt es einen besseren Weg?

Answer 1

die Lösung, bei der die Klasse „setBadge“, um herauszufinden, war . wie von Reigel eingestellt wurde dann fixierte ich die Frage mit:

$("a[href*='set']:first-child").addClass('setBadge'); 


    if ($("body").hasClass("term-flamboyants-lingerie")){ 
     $("a[href*='set']").parent().css("display", "none"); 
    } 

ich hatte die Eltern zu verstecken, um auch die Preise und andere Add-ons zu verstecken t Das "a" -Tag.