Sélectionner l'élement au dessus

Version imprimable

21/03/2021, 17h42
pierrot10

Sélectionner l'élement au dessus
Bonjour,

J'ai toujours ce problpme qui me frustre

J'ai (j'en ai plusieurs)
Code:

1 2 3 <label class="ui-btn ui-checkbox-on" for="te">°C 2</label> <input type="checkbox" data-type="2" name="te" id="te" checked="checked">
J'arrive très bien parcourir mes input, mais dans certain, je dois retirer les class ui-btn et ui-checkbox-on et remplacer par ui-checkbox-off.

Ceci va me retirer le checked de mon inout
Code:

1 2 $(this).data("type",$(this).data('type')).prop("checked", false);
Mais j'aimerais qu'il me retire aussi les classes ui-btn et ui-checkbox-on du label qui se trouve juste au dessus

Sachant que $this point sur mon input, comment puis-je sélectionner le label qui n'est ni enfant ni parent, mais aussi dessus
J'ai essayé ceci
Code:

1 2 3 $(this).prev('.ui-btn').css("border","1px solid red !important"); $(this).parent('.ui-btn').css("border","1px solid red !important");
je pense que le find() ne sert à rien car il va trouver tous les suivants.

Donc à part du input, comment puis sélectionner uniquement le prochain label avec une class spécifique?

Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<div class="ui-controlgroup-controls ">
                        <div class="ui-checkbox ui-mini"><label for="ra" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-off ui-first-child">W/m2 8</label><input type="checkbox" data-type="8" name="ra" id="ra" checked="checked"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="te" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-off">°C 2</label><input type="checkbox" data-type="2" name="te" id="te" checked="checked"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="vi" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-off">kmh 6</label><input type="checkbox" data-type="6" name="vi" id="vi"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="di" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-on ui-btn-active">Direction 7</label><input type="checkbox" data-type="7" name="di" id="di"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="pr" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-off">kPa 3</label><input type="checkbox" data-type="3" name="pr" id="pr"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="hu" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-off">% 4</label><input type="checkbox" data-type="4" name="hu" id="hu"></div>
 
 
                        <div class="ui-checkbox ui-mini"><label for="ba" class="ui-btn ui-corner-all ui-btn-inherit ui-checkbox-on ui-btn-active ui-last-child">V 5</label><input type="checkbox" data-type="5" name="ba" id="ba"></div>
 
                    </div>

J'ai rlsolu mon problpme de la sorte

Code:

1
2
 
$(this).closest('.ui-checkbox').find('label').removeClass('ui-btn-active').removeClass('ui-checkbox-on').addClass('ui-checkbox-off');

22/03/2021, 12h01
NoSmoking
Bonjour,

Citation:

J'ai rlsolu mon problpme de la sorte

• pourquoi écrire :

Code:

$(this).closest('.ui-checkbox').find('label')

quand

Code:

$(this).prev("label")

suffit ?

• pourquoi écrire :

Code:

$elem.removeClass('ui-btn-active').removeClass('ui-checkbox-on')

quand

Code:

$elem.removeClass("ui-btn-active ui-checkbox-on")

suffit ?

• Documentation jQuery :
- jQuery.prev()
- jQuery.removeClass()
22/03/2021, 15h48
pierrot10

Merci NoSmoking, je vais corriger ceci