javascript - tipos - ¿Se puede acortar este fragmento de código jQuery?

quitar el javascript que bloquea la visualización de contenido wordpress plugin

Question

Acabo de comenzar a usar jQuery y aunque el siguiente código hace el trabajo, tengo la sensación de que puede acortarse.

var accountAddress = $(document.createElement("input")).addClass("readOnly")
.attr("contentEditable", "false").attr("id", "d_accountAddress");
$("#customerid_c").next().next().next().append(accountAddress);

Si no está claro, lo que estoy haciendo es crear una nueva etiqueta de entrada, asignar una clase y hacerlo de solo lectura, y luego colocar las nuevas entradas dos TD a la derecha de algún texto conocido.

Actualizar:

Este es el HTML simplificado que estoy modificando. El lugar donde agrego contenido está marcado con ## 1 ## y ## 2 ## .

<TD id=customerid_c>
<LABEL for=customerid>Customer</LABEL>
</TD>
<TD id=customerid_d></TD>
<TD class=ms-crm-Field-Normal>
<LABEL>##1##</LABEL>
</TD>
<TD>##2##</TD>

Answer 1

Sí puede.

$(''#customerid_c'').nextAll().eq(2)
.append(''<input class="readOnly" id="d_accountAddress" />'');

En jQuery 1.4.2, puedes escribir

$(''#customerid_c~:eq(2)'')
.append(''<input class="readOnly" id="d_accountAddress" />'');

Este selector, que no funciona correctamente en versiones anteriores de jQuery, usa el siguiente selector de hermanos ( ~ ) para seleccionar todos los elementos hermanos que siguen a #customerid_c , luego usa el selector :eq para seleccionar el tercer elemento (basado en cero) que coincide con el otro selector

jQuery tiene una gran variedad de selectores que probablemente pueden reemplazar al hermano indexado. Si nos muestra su HTML, podemos encontrarle uno.

Otras notas:

Puede establecer múltiples atributos en una llamada:

$(something).attr({ id: ''d_accountAddress'', type: ''text'' });