Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo (ich hoffe, ich bin hier richtig?)
Gibt es einen offensichtlichen Grund, warum das hier nicht funktioniert?
jQuery( '.huelle input' ).on( 'change', function() {
jQuery ("li.popular-category:has(input:checked) ~ li.popular-category:has(input:checked)").addClass('orandshow');
});
DANKE :-)
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
a) Mit welchem HTML?
b) Was willst Du denn erreichen? Mit ~ bezieht man sich in der Regel auf ein übergeordnetes Element, bei Dir 2x der gleiche Selector?
Hallo, danke für die Antwort.
Bin allerdings etwas verwirrt:
~ bezieht sich doch auf ein Geschwister-element??
HTML:
<div class="huelle">
<a class="suchpunkt floataus"><span class="dashicons dashicons-universal-access-alt"></span>Personen</a>
<div class="teilsuchform ar-mosaik rund linebeneinander"> <ul class="categorychecklist form-no-clear">
<li id="turn-person-76"><label class="selectit"><input value="1" type="checkbox" class="js-wpv-filter-trigger" name="persons[]" id="in-turn-person-76"> <div>1</div></label></li>
<li id="turn-person-77" class="popular-category"><label class="selectit"><input value="2" type="checkbox" class="js-wpv-filter-trigger" name="persons[]" id="in-turn-person-77"> <div>2</div></label></li>
<li id="turn-person-78" class="popular-category"><label class="selectit"><input value="3" type="checkbox" class="js-wpv-filter-trigger" name="persons[]" id="in-turn-person-78"> <div>3</div></label></li>
<li id="turn-person-79" class="popular-category"><label class="selectit"><input value="4" type="checkbox" class="js-wpv-filter-trigger" name="persons[]" id="in-turn-person-79"> <div>4</div></label></li>
<li id="turn-person-80" class="popular-category"><label class="selectit"><input value="6" type="checkbox" class="js-wpv-filter-trigger" name="persons[]" id="in-turn-person-80"> <div>6</div></label></li>
<li id="turn-person-81" class="popular-category"><label class="selectit"><input value="8" type="checkbox" class="js-wpv-filter-trigger" name="persons[]" id="in-turn-person-81"> <div>8</div></label></li>
<li id="turn-person-82" class="popular-category"><label class="selectit"><input value="10" type="checkbox" class="js-wpv-filter-trigger" name="persons[]" id="in-turn-person-82"> <div>10</div></label></li>
<li id="turn-person-83" class="popular-category"><label class="selectit"><input value="15" type="checkbox" class="js-wpv-filter-trigger" name="persons[]" id="in-turn-person-83"> <div>15</div></label></li>
<li id="turn-person-84" class="popular-category"><label class="selectit"><input value="20" type="checkbox" class="js-wpv-filter-trigger" name="persons[]" id="in-turn-person-84"> <div>20</div></label></li>
<li id="turn-person-85" class="popular-category"><label class="selectit"><input value="30" type="checkbox" class="js-wpv-filter-trigger" name="persons[]" id="in-turn-person-85"> <div>30</div></label></li>
<li id="turn-person-86" class="popular-category"><label class="selectit"><input value="50" type="checkbox" class="js-wpv-filter-trigger" name="persons[]" id="in-turn-person-86"> <div>50</div></label></li>
</ul>
</div>
</div>Edit maxe: Code Button
Was willst Du denn erreichen? Was genau soll wann passieren?
Wenn innerhalb einer ".huelle" mehrere INPUTS gecheckt sind, soll zwischen diesen beiden ein "und" bzw "oder" erscheinen.
Ich versuche das zu erreichen, indem ich einem der beiden LIs eine Klasse zuweise und dann .orandshow:before {content:'oder'} o.ä.
Du könntest es mal so versuche: https://jsfiddle.net/sirector/0pv4fj6c/
Du hast allerdings mMn einen Fehler eingebaut. Das label gehört vor das input. Du hast das input in label gesetzt.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!