将选择器子元素的内容插入到 hover 上的另一个元素中

Question

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

<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”标签中不包含“span”标签，因此子元素 function 不起作用，并且当您这样做时，rolloverText 变量包含 span 元素本身：

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

如果你想要这个元素的文本内容，你必须使用.text() function。

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

似乎可以解决这个问题；）