-5
votes

Comment changer de contenu de div oner Hover en utilisant jQuery / javascript

J'essaie de changer le contenu d'un DIV lorsqu'il est planifié avec JQuery. J'ai vu des réponses sur le débordement de la pile, mais je n'arrive pas à le faire fonctionner.

J'ai essayé p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="imgDiv">

<div id=titleDiv>title</div>

</div>


5 commentaires

TDIV n'est pas un sélecteur valide. n'est une chose


Vous essayez de coller des variables dans des citations. Supprimer les guillemets.


jQuery n'expose pas textContent . Utilisez texte (NewValue) à la place.


jQuery utilise .text () ou .html ()


Ceci est essentiellement jonchée d'erreurs de base, alors revenez aux réponses sur le débordement de pile et les lire plus attentivement


6 Réponses :


1
votes

Vous pouvez cibler la DIV avec jQuery et stocker sa valeur d'origine. Sur Mouseout, vous pouvez la restaurer. Aussi à l'aide de MouseNerer réduit le nombre de fois que les processus logiques que la sourisover incendiera pour chaque mouvement de souris sur l'élément.

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="imgDiv">

  <div id="titleDiv">title</div>

</div>


0 commentaires

0
votes

Tout d'abord, remplacez $ ("IMGDIV") avec $ ("# imgdiv") pour obtenir l'élément avec ID (#) IMGDIV < / code>.

alors $ ("tdic") n'existe pas, vous voulez probablement dire $ ("div") pour sélectionner un

Tag dans votre DOM.

et enfin, $ ("TDIV"). TextContent n'existe pas. Vous pouvez essayer $ ("div"). HTML () ou $ ("div"). Texte () pour obtenir le

Contenu Tag

-

Rappel rapide: Documentation JQuery sur les sélecteurs

$ ("div") sélectionnera le

tags

$ (". élément") sélectionnera des balises avec class = "élément"

$ ("# élément") sélectionnera des balises avec id = "élément"


0 commentaires

1
votes

Vous pouvez utiliser la fonction de jQuery (code> code> avec la fonction .text () code> fonction pour faire ce que vous voulez. En outre, aucun besoin de document.getelementByID code>:

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="imgDiv">
  <div id="titleDiv">title</div>
</div>


0 commentaires

0
votes

Vous devez essayer comme celui-ci

​​ p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="imgDiv">

<div id=titleDiv>title</div>

</div>


0 commentaires

0
votes

Solution facile,

p>

<div onmouseout = 'out()' onmouseenter = 'ibn()'> Myname </div>


0 commentaires

0
votes

Vous ne pouvez pas appeler référence à un DOM avec pure JavaScript et les manipuler avec jQuery - il ne fonctionnera pas.

Essayez ceci: p>

$( "#imgDiv" ).mouseover(function() {
      $("#titleDiv").text("hovering");     
});


1 commentaires

Au lieu de simplement donner une réponse de code, essayez également de vous expliquer pourquoi cela fonctionnerait et comment.