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;