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.ä.
Beiträge von ar71
-
-
Hallo, danke für die Antwort.
Bin allerdings etwas verwirrt:
~ bezieht sich doch auf ein Geschwister-element??
HTML:
HTML
Alles anzeigen<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
-
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 :-)