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

时间:2011-03-23 19:13:00

标签: jquery

两个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中的所有文字吗?

2 个答案:

答案 0 :(得分:2)

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

并点击

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

答案 1 :(得分:0)

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

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



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