jquery - テキスト段落を変更する方法() マウスオーバー

Question

ユーザーが移動すると、ニュースを含む段落のテキストを詳細に変更する必要があるニュースリンクがいくつかあります。

Answer 1

簡単だ：

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

Answer 2

いくつかのサンプルコードまたはあなたが取り組んでいるもの/あなたがこれまでに持っているものを投稿できますか？それがなければ、私はあなたにこのページを参照することしかできません：http: //api.jquery.com/mouseover/

Answer 3

ここで実際のソリューションを参照してください：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>

Answer 4

これがあなたが求めているものであるかどうかはわかりませんが、jQueryの.html() メソッドを使用してみてください。innerHTML要素のプロパティを設定し、要素のテキストを変更できるようにします<p>。