将选择器的子元素的内容插入到悬停的其他元素上

Question

我想将嵌套在“a”元素中的隐藏区域的内容添加到页面上的另一个元素。理想情况下，我希望将跨度内容注入到其他元素中，而不是span标签本身。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".test").hover(function() { 

      var rolloverText = $(this).children("span"); 
      $("#rollover_text").html(rolloverText); 
     }); 
    }); 
</script> 

和HTML是这样的：

<div id="rollover_holder"> 
    <h3 id="your_family">Your Family</h3> 
    <div id="rollover_image_top_left"> 
     <a href="#" class="test" title="Your Family"></a><span>test text</span> 
    </div> 
</div> 
<div id="rollover_text"> 

</div> 

它似乎并没有为我工作:(

Answer 1

2个问题： 不包括的 “跨度” 标签在您的“a”标签中，所以儿童功能将不起作用，并且rolloverText变量在您执行时包含span元素本身：

var rolloverText = $(this).children("span"); 

如果你想要这个元素的文本内容，你必须使用.text（）函数。

var rolloverText = $(this).children("span").text(); 

似乎与合作;）