Question

我想将嵌套在“a”元素中的隐藏跨度的内容添加到页面上的另一个元素中。理想情况下，我希望将span的内容注入到其他元素中，而不是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个问题： “span”标记不包含在“a”标记中，因此子函数将不起作用，并且rolloverText变量包含span元素本身：

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

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

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

似乎可以使用;）

在悬停时将选择器的子内容插入另一个元素

1 个答案: