-1
votes

Obtenir la valeur de la plage respective sur la souris click sur la colonne Table

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 06h30 - 03h30 am 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.

 Entrez la description de l'image ici

Ci-dessous la structure HTML de la table:

 Entrez la description de l'image ici

ci-dessous est la plage indiquée à l'intérieur de la DIV:

< un href = "https://i.stack.imgur.com/4ukwr.png" rel = "nOfollow noreferrer"> Entrez la description de l'image ici

JavaScript: xxx

c #: xxx < / p>


3 commentaires

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.


3 Réponses :


1
votes

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>


0 commentaires

0
votes

Essayez quelque chose comme ceci:

document.addEventListener('click', function(e){
    if(e.target.tagName.toLowerCase() == 'span'){
        console.log(e.target.innerText);
    }
});


0 commentaires

0
votes

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>

  • Les déposés sont


0 commentaires