get de jQuery td width

Quiero aprender con jQuery «td width», por ejemplo:

if(td.width=="100"){
    alert("td width = 100");
}

Por favor explique.

<table width="200" border="1">
    <tr>
        <td width="100">Number</td>
        <td width="50">Order</td>
    </tr>
    <tr>
        <td width="100">1</td>
        <td width="50">Car</td>
    </tr>
</table>
  • Se puede agregar el código HTML?

5 Kommentare

  1. 6

    he aquí una sencilla extensión, la css se puede editar para hacer algo menos intrusivo.

    var tdWidthLimit = 100;
    
    $('td').each(function() {
        tdWidth = $(this).width();
        if (tdWidth >= tdWidthLimit)
        {    
            alert('hightlighted td width is ' + tdWidth);
            $(this).css({'background-color' : '#f00'});
        }
    });

    demo aquí

  2. 2
    $('td').each(function(){
          if($(this).width() == 100){
               alert(this.textContent + " width = 100");
          }
    });

    Esto va a mirar a través de todas sus tds y, a continuación, alerta el td del contenido del texto y de la «anchura = 100» si el ancho es de 100

  3. 0

    jQuery ancho es un método, usted necesita llamar al método:

    if(td.width() === 100) {
        alert("td width = 100");
    }

    y td debe ser un objeto jQuery de curso. Tenga en cuenta que va a tomar el primer elemento en el objeto jQuery colección y su anchura. si usted tiene muchos de los elementos en los que usted necesita para su uso .cada() para repetir a cada elemento de la colección.

  4. 0

    aquí:

    if($('table td').width() == 100) {
        alert('width == ' + $('table td').width());
    }
  5. 0

    Sugiero que tenga un poco de leer en Fundamentos de jQuery si usted desea entender jQuery mejor.

    En tu ejemplo debería ser algo como esto:

    if($('td').width() === 100) {
        alert("td width = 100");
    }

    Aviso de que va a tener problemas si en caso de tener más de una td elemento en tu página, así que le sugiero que piense en una consulta más específica selector.

Kommentieren Sie den Artikel

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

Pruebas en línea