Cómo encontrar el elemento primario usando javascript

Quiero cambiar el color de fondo de la celda de la tabla cuando el botón de radio en el interior de la célula se hace clic.

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

Cómo obtener el elemento principal de referencia?

  • parentElement es un extraño y totalmente carente de sentido, es decir sólo a la propiedad. La ortografía que se busca es la parentNode.
  • Sería más beneficioso para publicar el real HTML de salida, y no la de Java con etiquetas. h:selectOneRadio podría obtener fácilmente convertido para algunas etiquetas HTML anidadas y seleccionar la inmediata padre no iba a funcionar.
InformationsquelleAutor Achaius | 2010-03-16

2 Kommentare

  1. 127

    El uso de un simple javascript:

    element.parentNode

    En jQuery:

    element.parent()
    • He intentado como este, pero no su trabajo <h:selectOneRadio value=»#{libro.precio}» onclick=»this.parent().css(‘background’, ‘#FEDA46’);»>
    • this en su caso debe de ser una de jQuery elemento. trate de $(this).
  2. 2

    Utilizar el evento de cambio de la selección de:

    $('#my_select').change(function()
    {
       $(this).parents('td').css('background', '#000000');
    });
    • Él empezó como jQuery?

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea