Javascript 如何在jQuery中选择某个类

问题就在这里；我有两个类似下面的div，相同的类名，没有id。我需要修改标签下面的文本，基于这3幅图像上鼠标光标的位置。我使用javascript，通过mouseenter方法来实现这一点。问题在于，该方法改变了整个网页中的每个跨度文本，而不仅仅是鼠标光标所在的类名为parent的类

<div class="parent">
   <div class="parent.child">
      <a href="#"></a>
      <div class="parent.chil.child">
          <div class="parent.chil.child.child">
               <img src ="link1" data-price="a">
               <img src ="link2" data-price="b">
               <img src ="link3" data-price="c">
          </div>
      </div>
   </div>
   <h4>
      <a href= "aspPage.aspx">text</a>
   </h4>
   <p><span class = "spanClassName">text to be changed</span>some text</p>
   <div class=child1"></div>
</div>

如何仅从当前父div中选择鼠标所在的链接，即使有多个div具有相同的类名parent

---

我希望我被理解了，如果没有，请询问，我会尝试解释更多。

如果您已经知道特定的父节点，请使用parent.find'.spanClassName'。如果没有父节点，但知道鼠标在哪个链接上，则可以使用link.nest'.parent'.find'.spanClassName.

查找具有.parent class的父节点

另外，根据你需要逃跑。在选择器中

要使用任何元字符，如！$%&'*+，./：@[]^`{124;}~作为名称的文字部分，必须用两个反斜杠转义：\\。例如，id=foo.bar的元素可以使用选择器$foo\\.bar

---

你可以用CSS做同样的事情。所以$'.parent>span.SpanClassName'.mouseenter；这似乎是目前最能解决我问题的办法。明天我回去工作的时候，我会努力实施它。谢谢，是的。它起作用了。我只需要这个部分：[code]$this.closest'.parent'.find'.spanClassName'.[/code]。我不知道如何找到我想要的DOM节点。谢谢你们Satpal，谢谢大家。

$('.parent\\.chil\\.child\\.child img').on('hover', function(){
    $(this).closest('.parent').find('.spanClassName').text($(this).attr('data-price'))
});