0

使用以下动态生成的 HTML：

<div class="widget widget_1">
    <div class="widget_header widget_header_1"></div>
    <div class="widget_sub_header widget_sub_header_1"></div>
    <div class="widget_content widget_content_1"></div>
    <div class="widget_footer widget_footer_1"></div>
<div>

<div class="widget widget_1">
    <div class="widget_header widget_header_1"></div>
    <div class="widget_sub_header widget_sub_header_1"></div>
    <div class="widget_content widget_content_1"></div>
    <div class="widget_footer widget_footer_1"></div>
<div>

<div class="widget widget_6">
    <div class="widget_header widget_header_6"></div>
    <div class="widget_sub_header widget_sub_header_6"></div>
    <div class="widget_content widget_content_6"></div>
    <div class="widget_footer widget_footer_6"></div>
<div>

我有以下有效的脚本：

$("body").on({
    mouseenter: function() {
        console.log( "enter" );
    },
    mouseleave: function() {
        console.log( "leave" );
    }
}, ".widget_content");

我的问题是，如何在.widget_content不影响其他文本的情况下替换悬停的文本.widget_content？

4

2 回答 2

1

就如此容易

$(this).text('updated text');

或者

$(this).html('updated text');
于 2012-11-07T10:09:15.887 回答
0

您应该更好地尝试学习 jquery，而不是每五分钟问一个新的/相同的问题。但是，这里有一个片段：

$("body").on({
    mouseenter: function() {
        $(this).text("some new text");
    },
    mouseleave: function() {
        console.log( "leave" );
    }
}, ".widget_content");
于 2012-11-07T10:10:18.243 回答