如何在鼠标悬停</p>上更改文本段落(<p>)

时间:2010-06-21 19:21:44

标签: jquery onmouseover

我有一些新闻链接,当用户继续操作时,我必须更改包含新闻的段落文本。

4 个答案:

答案 0 :(得分:7)

很简单:

$('a.newslink').bind('mouseover', function() {
   $('p#newsdetail').text('new text');
})

答案 1 :(得分:2)

您可以发布一些示例代码或您正在使用的内容/目前为止所拥有的内容吗?没有它,我只能推荐你到这个页面:http://api.jquery.com/mouseover/

答案 2 :(得分:1)

在此处查看解决方案:http://jsbin.com/asoka4/2

这是一种非常懒惰的做事方式=)

<script type='text/javascript'>
$( function() {
  $("#news li").hover(
    function () {
      $(this).attr('small',$(this).html());
      $(this).html($(this).attr('full'));
    },
    function () {
       $(this).html($(this).attr('small'));
    }
  );
});
</script>

  <ul id='news'>
    <li id='news1' full='<strong>this is the full news 1</strong>'>This is some news 1</li>
    <li id='news2' full='<del>This is the full news 2</del>'>This is some news 2</li>
    <li id='news2' full='<a href="http://www.google.com">Check google.com for this one!'>This is some news 3</li>
  </ul>

答案 3 :(得分:0)

如果这是你要问的问题我不肯定,但尝试使用jQuery的.html() method。它为元素设置innerHTML属性,并允许您更改<p>元素的文本。