Javascript 使用此选项选择当前元素的特定子元素

我想知道如何从以下选项中选择

<div class="feeds" onmouseover="...">
    <div id="someDiv"></div>
    <div class="moredivs"></div>
    <span ="data">data in here...</span>
</div>

这里的数据。。。

我想使用类似于：

onmouseover=“select（this）”

的东西，然后能够基于该事件访问该范围，因为我有may

元素

---

甚至JQuery建议都是受欢迎的。

您提供的HTML无效。定义属性时，必须给它们命名。让我们假设您有：

 <span class="data">data in here...</span>

$span

将保留对您的

span

的访问权（在jQuery集合中）

---

如果您需要一个只使用Javascript的解决方案（使用您的内联事件处理程序：

onmouseover=“select（this）”

），您可以使用以下方法：

function select(me) {
    var span=me.getElementsByClassName('data')[0];
}

getElementsByClassName（）

仅在现代浏览器上可用，但您也可以在古代浏览器上使用

---

<强>注：如果您有不止一个<代码> .FED ，请考虑使用类而不是ID用于<代码>某个DIV，因为ID只能在HTML文档中出现一次。

< P>工作示例-

$（函数（）{
$（'.feeds'）.hover（函数（）{
var data_span=$（this.find（'.data'）；
警报（data_span.html（））；
}，函数（）{
//如果你想让“onmouseout”发生什么事，就把它放在这里
});
});
这里的数据。。。

如果您愿意使用jQuery，那么您真的不想向每个

.feeds

元素添加内联

onclick

事件

最好将Javascript与HTML分开—jQuery可以让您轻松做到这一点

$('.feeds').mouseover(function() {
  $('span',this).html();
});

---

谢谢你们。成功了。最后一件事。如何将此帖子标记为已回答？有可能/有必要吗？我是新来的。@s只需点击你最喜欢的问题左边的勾号。

<script>
$(function(){
    $('.feeds').hover(function(){
        var data_span = $(this).find('.data');
        alert(data_span.html());
    }, function(){
        // If you wanted something to happen 'onmouseout', put it here
    });
});
</script>

<div class="feeds">
    <div id="someDiv"></div>
    <div class="moredivs"></div>
    <span class="data">data in here...</span>
</div>

$('.feeds').mouseover(function() {
  $('span',this).html();
});