小编jQu*_*ter的帖子

如何使用jQuery更改/编辑段落/ div的文本?

现在我要做的是更改/编辑段落和/或div标签的文本.这两个元素都是使用自己的增量ID动态创建的.我希望用户能够在textarea中输入文本,这将改变段落或div的文本.当他们选择段落或div时,textarea应该以用户可以更新文本的方式出现.

问题:由于我在两个元素上都设置了增量ID,因此很难获得它们.

我怎样才能做到这一点?

这是我一直在研究的代码

http://jsfiddle.net/RzvV5/93/

jQuery的:

$(document).ready(function(){

var pid = 1;
$("#addP").on({
    click: function(){
        var pr = $('<p />').attr({'class':'test', 'id':'paragraph_' + pid}).text('This is a paragraph ' + pid);
        var d = $("#Test");
        var pclone = $(pr).clone();
        pclone.on({
            mouseenter: function(){    
                $(this).addClass("inside");
            },
            mouseleave: function(){                             
                $(this).removeClass("inside"); 
            },
                    });
        pclone.appendTo(d);
pid++;
    }
});
var divid = 1;
$("#addDiv").on({
    click: function(){
        var pr = $('<div />').attr({'class':'test', 'id':'div_' +     divid}).text('This is a div ' + divid);
        var d = $("#Test");
        var pclone = $(pr).clone();
        pclone.on({ …
Run Code Online (Sandbox Code Playgroud)

jquery edit paragraph

2
推荐指数
1
解决办法
3915
查看次数

标签 统计

edit ×1

jquery ×1

paragraph ×1