it-swarm.com.de

Prüfen Sie, ob für die Klasse die Klasse aktiviert ist. Wenn ja, fügen Sie die Klasse einem anderen Element hinzu

Erstellen einer Website für einen Kunden, aber nur für die Hauptseite. Ich muss eine Klasse für das Hauptdivision für CSS-Zwecke erhalten. Zu diesem Zweck versuche ich, nach einer aktiven Klasse für das Menüelement home zu suchen, und wenn diese über die aktive Klasse verfügt, fügen Sie dem div der Hauptwebseite eine andere Klasse hinzu.

bis jetzt kann ich nicht viel weiter kommen als dies:

<script>
$(document).ready(function() { 
if $('li.level1.item101').hasClass('active');
$('#main').addClass('woodwork');}
});
</script>

das dazugehörige HTML-Element (das Li-Element) sieht folgendermaßen aus, wenn es mit dem div unten in der Seite selbst aktiv ist

<li class="level1 item101 active current"> </li>
<li class="level1 item102"> </li>
<div id="main"> </div>

mein aktueller Code scheint nicht in der Lage zu sein, entweder das aktive Li oder das Div zu packen, jede Hilfe wäre sehr dankbar

7
Jasper Doornbos

Zunächst einmal haben Sie einige Fehler mit Ihrem Code. Die HTML sollte Folgendes sein:

<li class="level1 item101 active current"> active</li>
<li class="level1 item102"> second</li>
<div id="main"> main </div>

und das Javascript:

$(document).ready(function(){
  if ( $('li.level1.item101').hasClass('active') ) {
    $('#main').addClass('woodwork');
  }
});

Hier ist eine funktionierende Geige

11
Razvan Balosin

Wenn dies dein HTML ist

<ul>
    <li class="level1 item101 active current"> </li>
    <li class="level1 item102"> </li>
</ul>
<div id="main"> </div>

Das JavaScript sollte so aussehen

$(document).ready(function(){
    if ($('li.item101').hasClass('active'))
        $('#main').addClass('woodwork');
});

Hier schaue ich nur, ob das Listelement mit der Klasse item101 die Klasse aktiv hat, wenn es also so ist, gebe ich dem div-Tag mit der ID main die Klasse woodwork

0
user3631948