jQuery syntax for targeting div of class inside div of another class

Question

Two jQuery questions:

1) Given this HTML structure

<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>

How can I alter these to work on classes so that that when a div of class .tiplink is moused over the div of class .tipdiv inside it is targeted?

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

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

2) Without using a text input is it possible to select all the text in .tipdiv on click?

scrappedcola · Accepted Answer · 2011-03-23 19:17:11Z

2

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

and for the click

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

answered Mar 23, 2011 at 19:17

scrappedcola

10.6k1 gold badge36 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jerrygarciuh Over a year ago

Thanks! #1 solved. I guess I did not phrase #2 well. What I am hoping to select it in the same way JavaScript select(); works on a text input's content so user can right-click to copy.

Diodeus - James MacFarlane · Accepted Answer · 2011-03-23 19:16:14Z

0

Use hover(). It's built for that.

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



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

answered Mar 23, 2011 at 19:16

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

Collectives™ on Stack Overflow

jQuery syntax for targeting div of class inside div of another class

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related