Question

两个jQuery问题：

1）鉴于此HTML结构

<div id="tipper" class="tiplink"><a href='test.html' >Link Text</a>
<div id="tip" class="tipdiv">This is the tool tip text.</div>
</div>

如何更改这些以便在类上工作，以便当一个类.tiplink的div被覆盖在它内部的.tipdiv类的div中时？

  $(document).ready(function(){
    $('#tipper').mouseover(function() {
      $('#tip').clearQueue().show(0);
    });

    $('#tipper').mouseleave(function() {
        setTimeout( function(){
        $('#tip').hide(0);
      },20000);
    });

2）如果不使用文本输入，可以在点击时选择.tipdiv中的所有文字吗？

Answer 1

$('div.tiplink').mouseover(function() {
      $(this).find('div.tipdiv').clearQueue().show(0);
    });

并点击

$('div.tiplink').click(function() {
     var text =  $(this).find('div.tipdiv').text();
    });

Answer 2

使用hover()。它是为此而建的。

$('#tipper').hover(function(){...on state..},function(){...off state...})



$('#tipper').click(function() {
  var myText = $('.tipdiv').html();
   alert(myText)
}

jQuery语法，用于在另一个类的div中定位div的div

2 个答案: