validacion - validar formulario javascript html5

Pruebe si el atributo HTML está presente y obtenga el valor

Question

Estoy intentando probar si el atributo HTML está presente y obtener el valor usando la propiedad Attribute ("tabindex"). Pero estoy obteniendo el siguiente error:

No se puede obtener la propiedad ''hasAttribute'' de referencia indefinida o nula

Estoy usando jGrid y jQuery. Si el atributo está presente, estoy tratando de obtener el valor de esa td en particular.

Por favor, consulte el siguiente código:

<tr class="jqgrow ui-row-ltr ui-widget-content  myAltRowClassEven ui-state-highlight" tabindex="0" id="2" role="row" aria-selected="true">
    <td aria-describedby="jqGrid11_cname" title=" TESTTHIS" class="zeroBorderRight" style="text-align: left; height: 20px;" role="gridcell">
        TESTTHIS
    </td>
</tr>

Answer 1

Prueba esto:

$("#item").attr("tabindex")

Answer 2

Si desea obtener los valores del atributo tabindex, puede hacer lo siguiente:

$(function () {
  $(''table tbody tr[tabindex]'').each(function (i, e) {
    var tabindex = e.getAttribute(''tabindex'');
    console.log(''tabindex='' + tabindex + '' Row text: '' + e.textContent);
  });
});

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<table>
    <tbody>
    <tr class="jqgrow ui-row-ltr ui-widget-content  myAltRowClassEven ui-state-highlight" id="1" role="row"
        aria-selected="true">
        <td aria-describedby="jqGrid11_cname" title=" TESTTHIS" class="zeroBorderRight"
            style="text-align: left; height: 20px;" role="gridcell"> TESTTHIS
        </td>
    </tr>
    <tr class="jqgrow ui-row-ltr ui-widget-content  myAltRowClassEven ui-state-highlight" tabindex="0" id="2" role="row"
        aria-selected="true">
        <td aria-describedby="jqGrid11_cname" title=" TESTTHIS" class="zeroBorderRight"
            style="text-align: left; height: 20px;" role="gridcell"> TESTTHIS
        </td>
    </tr>
    <tr class="jqgrow ui-row-ltr ui-widget-content  myAltRowClassEven ui-state-highlight" tabindex="2" id="3" role="row"
        aria-selected="true">
        <td aria-describedby="jqGrid11_cname" title=" TESTTHIS" class="zeroBorderRight"
            style="text-align: left; height: 20px;" role="gridcell"> TESTTHIS
        </td>
    </tr>
    </tbody>
</table>

Answer 3

Use jQuery tiene un selector de atributos para el elemento de tabindex con el atributo tabindex .

var text = $(''td[tabindex]'').text();
//--------------^^^^^^^^^^--------------------

Answer 4

solución sin jquery, es6

var hasAttr = [...document.getElementById(''#blah'').attributes]
  .map(a => a.name)
  .indexOf(ATTRIBUTE) > -1;