將選擇器子元素的內容插入到 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();

似乎可以解決這個問題；）