✔ Addclass auf vorheriges Element mit jQuery

[iLu_is_a_loser]

Guten Tag

ich habe ein Problem. Ich möchte gerne wenn ich ein Radiobutton anklicke sich die Klasse vom vorheriegen Element <em> ändert, dieser liegt nicht direkt vor dem Radiobutton!

$("input:radio").live("click", function(){ 
   $(this).prev("em").removeClass().addClass('geschnitten');
});

Hier noch ein Auszug von einem Eintrag meiner Übersicht.... hier von sind natürlich mehrere vorhanden

<div id="ausgabe_artikel">
   550002 / 1
</div>				
<div id="ausgabe_wa">
   <a href="file://srv_ds/floppy/12333593/" target="_blank">12333593</a> 					
</div>
<div id="ausgabe_kommentar">
   &nbsp;
</div>
<div id="ausgabe_bemerkung">
   <span class="keyword" id="15">
       <em class="offen" id="bem">AP</em>
      <span style="display: none;" class="tooltip">
         <b>AP</b>
         <br><br>
         <input id="offen_AP15" name="AP15" checked="checked" onclick='fortschritt_update("15","0",0)' type="radio"><label for="offen_AP15"> offen</label>
         <br>
         <input id="programmiert_AP151" name="AP15" onclick='fortschritt_update("15","0","1")' type="radio"><label for="programmiert_AP151"> HSS programmiert</label>
         <br>
         <input id="programmiert_AP152" name="AP15" onclick='fortschritt_update("15","0","3")' type="radio"><label for="programmiert_AP152"> VP3 programmiert</label>
         <br>
      </span>
   </span> 
   <span class="keyword" id="15">
      <em class="offen" id="bem">VP</em>
         <span style="display: none;" class="tooltip">
            <b>VP</b>
               <br><br>
               <input id="offen_VP15" name="VP15" checked="checked" onclick='fortschritt_update("15","1",0)' type="radio"><label for="offen_VP15"> offen</label>
               <br>
               <input id="programmiert_VP151" name="VP15" onclick='fortschritt_update("15","1","1")' type="radio"><label for="programmiert_VP151"> HSS programmiert</label>
               <br>
               <input id="programmiert_VP152" name="VP15" onclick='fortschritt_update("15","1","3")' type="radio"><label for="programmiert_VP152"> VP3 programmiert</label>
               <br>
            </span>
         </span> 
      </div>
      <div id="ausgabe_container">
      <h5>
         <table style="display: none;" id="ausgabe_box">
            <tbody>
               <tr>
                  <td style="width:100%">
                     <span style="width:202px; float:left">
                        <h4>									
                           <br>erstellt: gestern - 12:14 Uhr
                           <br>zuletzt geändert: gestern - 14:19 Uhr
			</h4>
                     </span>
                     <span style="float:left">
                        <h6>
									
                        </h6>
                     </span>
                  </td>
                  <td>
                     <li class="ui-state-default">
                        <span class="ui-icon ui-icon-trash" title="löschen" name="15"></span>
                     </li>
                  </td>
               </tr>
            </tbody>
         </table>	
      </h5>
   </div>

Nur leider passiert da garnichts

Kann mir da jemand Tipps geben?


gruß

 

[CPoly]

dieser liegt nicht direkt vor dem Radiobutton!

Du kannst uns gerne HTML Markup zeigen, damit wir sehen, wo dieser liegt!

http://api.jquery.com/prevAll/

 

[iLu_is_a_loser]

Ich habe einen Auszug vom HTML Markup hinzugefügt.

 

[CPoly]

Schon besser. Jetzt sieht man, dass das <em> nicht wirklich vor dem Element liegt, sondern erst mal eine Ebene höher

$(this.parentNode).prev("em").removeClass().addClass('geschnitten');

 

[iLu_is_a_loser]

Danke es hat funktioniert