Блог

Я хотел бы добавить содержимое скрытого диапазона, вложенного в элемент «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>
  

Похоже, у меня это не работает : (

2 проблемы: тег «span» не включен в ваш тег «a», поэтому дочерняя функция не будет работать, а переменная rolloverText содержит сам элемент span, когда вы делаете :

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

Если вам нужно текстовое содержимое этого элемента, вы должны использовать функцию .text() .

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

Кажется, с этим работает 😉