Comment trouver le parent de l'élément à l'aide de javascript

Je veux changer la couleur de fond de la cellule du tableau lorsque le bouton radio à l'intérieur de la cellule est cliqué.

<table>
  <tr>
    <td align="center">  
      <input type="radio" value="foo" 
        onclick="this.parentElement.style.background-color='red';" />
     </td>
  </tr>
</table>

Comment faire pour obtenir l'élément parent de référence?

  • parentElement est un étrange et totalement inutile IE-seulement de la propriété. L'orthographe que vous cherchez est parentNode.
  • Il serait plus bénéfique pour poster le réel de la sortie HTML, pas la Java à saveur de balises. h:selectOneRadio pourrait assez facilement converties en quelques imbriqués les balises HTML et en sélectionnant le parent immédiat ne fonctionnerait pas.
InformationsquelleAutor Achaius | 2010-03-16
  1. 127

    En utilisant un javascript:

    element.parentNode

    En jQuery:

    element.parent()
    • J'ai essayé comme ça, mais sa ne fonctionne pas <h:selectOneRadio value="#{livre.prix}" onclick="this.parent().css('background', '#FEDA46');">
    • this dans votre cas doit être un élément jQuery. essayez $(this).
    InformationsquelleAutor Yuval Adam
  2. 2

    Utiliser l'événement de modification de la sélection:

    $('#my_select').change(function()
{
   $(this).parents('td').css('background', '#000000');
});
    • Il les a marqués comme jQuery?
    InformationsquelleAutor ryanulit