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