Comment obtenir la valeur de temps ci-dessous, à partir de la plage respective sur la souris sur la colonne de table ci-dessous qui a des déposées.
Pour EX: Si je clique sur des dépositions dans la 1ère colonne, j'ai besoin d'obtenir le temps Ci-dessous la structure HTML de la table: p> ci-dessous est la plage indiquée à l'intérieur de la DIV: p> < un href = "https://i.stack.imgur.com/4ukwr.png" rel = "nOfollow noreferrer"> JavaScript: p> c #: p> 06h30 - 03h30 am code> dans la 1ère colonne (indiqué en haut).
Si je clique sur des dépositions dans la deuxième colonne, j'ai besoin d'obtenir le temps dans la 2e colonne et ainsi de suite .. Utilisation de jQuery.
p>
3 Réponses :
Vous pouvez utiliser Document.QuerySelectorall () A > et cible.addeventlistener () fonctions à atteindre Ceci sans jQuery.
p>
<span class="job-start-tm">14:20</span> <span class="job-start-tm">15:50</span>
Essayez quelque chose comme ceci:
document.addEventListener('click', function(e){
if(e.target.tagName.toLowerCase() == 'span'){
console.log(e.target.innerText);
}
});
avec jQuery, c'est assez trivial.
J'attends que vous modifiez la question pour afficher les éléments déroulants (et, espérons-le, publiez la source HTML et CSS, plutôt qu'une capture d'écran), après quoi je vais éditer Cette réponse. P>
Entre-temps, je suppose p>
Et qu'avez-vous essayé? Veuillez insérer votre code à votre question
Jetez un coup d'œil à API.JQUERY.com/closest et API.JQUERY.com/Find
Pourriez-vous remplacer votre image avec la DIV contenant les déposées élargies, s'il vous plaît? Je suppose que c'est le dernier div dans l'image. Encore mieux, copier et coller le HTML dans un bloc de code. Depuis que vous avez JQuery travailler avec, la solution est plus facile que les réponses actuelles.