2016-05-18 7 views
-3

ich hinzufügen muß eine classs zu „tr“ zurück mit jquery im nächsten htmlWie fügt Klasse tr

<tr> 
    <td>content A</td> 
    <td>content B</td> 
    <td>conten N....</td> 
    <td> 
     <div class="radio radio-info"> 
      <input type="radio" id="offer" class="ofer-sel" name="offerid" required="" value="10"> 
     </div> 
    </td> 
</tr> 

wie kann ich dies tun, mit jquery, wenn die Radiobuttons aktiviert ist?

grüße!

+0

'addClass' Funktion. –

+0

Was meinst du mit "zu" tr "prev"? Um eine Klasse zu einer '' hinzuzufügen, ist es einfach,' prev' zu verwenden, was mit dem von Ihnen bereitgestellten Code nicht wirklich Sinn macht. –

+0

Sie können es tun, aber ist der richtige Weg? Überprüfen Sie die Attribute hier: [HTML Tag] (http://www.w3schools.com/tags/tag_tr.asp) –

Antwort

0

Etwas verwirrend Frage hier, aber ich werde versuchen, mit ihm zu arbeiten.

Es scheint mir, als wäre dies Ihre gewünschte Funktion, aber es ist schwer zu sagen, wenn Sie nur mit der vorherigen Zeile interagieren möchten (wenn Sie auf die obere Zeile klicken, gibt es keine vorherige Zeile, und ich nicht sehen, warum es in jedem Fall wichtig sein würde):

$('.ofer-sel').change(function(){ 
    $('tr').removeClass('checked'); 
    if($(this).is(':checked')){ 
    $(this).closest('tr').addClass('checked'); 
    } 
}); 

Hier ist eine Geige dafür: https://jsfiddle.net/ku7x2kmh/

Dies könnte andere Informationen, die Sie suchen mit dieser Antwort (obwohl ich nicht unbedingt tun sehe seinen Zweck - nicht zu sagen, dass es keinen gibt - ich sehe es einfach nicht:

$('.ofer-sel').change(function(){ 
    //add class to previous row 
    $(this).closest('tr').prev().addClass('previous'); 
    //remove class from previous row 
    $(this).closest('tr').prev().removeClass('checked'); 
    //add class to this row 
    $(this).closest('tr').addClass('checked'); 
    //remove class from this row 
    $(this).closest('tr').removeClass('previous'); 
}); 

Und eine seltsam verhalte Geige mit, dass in der es für Sie zu spielen: https://jsfiddle.net/p8x87ccq/

0

In jquery verwenden wir .addClass Methode, um Klasse in bestimmten Element hinzuzufügen. Dieser Code könnte funktionieren:

$(document).ready(function(){ 
$('table tr').addClass('classname'); 
}); 
+0

Hallo! Danke, aber ich brauche Klasse hinzufügen, wenn der Radio-Button aktiviert ist. – cfranco

+0

anstelle von $ (document) .ready ('du brauchst $ ("#checkboxid") .on ("click", function() { $ (' table tr '). AddClass (' classname '); }); –

+0

Ja, aber diese addclass zu allen TR und ich brauche nur für die gleiche oder die vorherige – cfranco

Verwandte Themen