Javascript 在函数外部更改变量值

的原始html使用jquery设置为3，但当悬停在.innerdiv上时，我希望它通过将函数外部的变量更改为悬停在其上的特定.innerdiv的索引值来更改为其索引值。​

---

如果你想操纵一个元素，你必须选择它。。。不能为变量赋值，而期望DOM元素自身更新。正如你所说的，这样做很容易：

$(".outerdiv .innerdiv").hover(function(){
    var variable = $(this).index();
$("span").html(variable);
});

​

这会将悬停的.innerdiv元素的索引作为任何元素的HTML放置

---

这里有一个演示：

@DidierGhys我不笨。。。这就是为什么我问它是怎么做的。我从来没说过这不管用…把你的事实说对。你不应该得到3张很好的评论票。我不是这个意思，我也没有投票支持我自己的评论。对不起，如果这冒犯了你，那不是我的本意。根据你的问题，你似乎预料到了这种行为。：抱歉，如果我遇到冒犯。这不是我需要的东西。这是我用来学习.index如何工作的东西，但它很简单。所以我想我应该通过学习如何从函数外部设置变量来改变它。我通常会问自己在尝试失败后是如何做到的。

<div class="outerdiv">
    <div class="innerdiv">1</div>
    <div class="innerdiv">2</div>
    <div class="innerdiv">3</div>
    <div class="innerdiv">4</div>
    <div class="innerdiv">5</div>
</div>    
<span></span>​

$(".outerdiv .innerdiv").hover(function(){
    var variable = $(this).index();
$("span").html(variable);
});

//set the initial HTML for the span element(s)
var $span = $('span').html(3);

$(".outerdiv .innerdiv").hover(function(){

    //update the span element(s) HTML to the index of the hovered-over `.innerdiv` element
    $span.html($(this).index());
});