J'ai renvoyé une balise html "tabbedCell" qui peut être consultée ci-dessous :

<input type="text" data-row-id="12630" class="edit numeric ui-draggable ui-draggable-handle" data-field="May" value="135" style="position: relative; cursor: cell;">

J'essaie de définir le focus sur cet élément, mais j'ai confirmé que l'élément ciblé n'est pas défini après avoir défini le focus. Aucune suggestion?

EDIT : Il y a plusieurs entrées sur ma page, donc les réponses ne fonctionneraient pas. Je dois concentrer cet élément d'entrée spécifique s'il en existe plusieurs.

console.log(tabbedCell)
$(tabbedCell).focus();
console.log(($(':focus')[0]));
0
rahulchawla 21 sept. 2021 à 22:17

2 réponses

Meilleure réponse

Ajouter id="sample_input"

<input type="text" id="sample_input" data-row-id="12630" class="edit numeric ui-draggable ui-draggable-handle" data-field="May" value="135" style="position: relative; cursor: cell;">

C'est ainsi que vous vous concentrez
# -> Signifie l'identifiant

$("#sample_input").focus();

Edit : Puisque vous ne voulez pas ajouter d'autre identifiant, utilisez ceci :

$("input[data-row-id=12630]").focus();

Edit 2: comme ça

$("input[data-row-id=12630][data-field=May]").focus();
1
user16967562 21 sept. 2021 à 19:44

Utilisez plutôt un ID ou une classe de l'élément, comme ici, vous pouvez utiliser "éditer".

$(".edit").focus();
0
Fc0001 21 sept. 2021 à 19:27