Question

我的脚本完全按照我需要的方式工作，刚才，我无法在页面上复制它 - jquery采用textarea框并根据按下的按钮编辑它们，但我需要每个textarea框都有它是自己的一组按钮。这是我的代码：

HTML代码：

<textarea style="width:500px; height: 150px;" id="text">This is some text</textarea>
<br />
<input type="button" value="Click Me" id="button" />
<input type="button" value="Click Me 2" id="button2" />

<br /><br />

<textarea style="width:500px; height: 150px;" id="text">This is some text</textarea>
<br />
<input type="button" value="Click Me" id="button" />
<input type="button" value="Click Me 2" id="button2" />

JavaScript代码：

$(function () {
$('#button').on('click', function () {
    var text = $('#text');
    text.val(text.val() + "\n\nafter clicking");    
});
$('#button2').on('click', function () {
    var text = $('#text');
    text.val(text.val() + "\n\nafter clicking 2");    
});   });

JS小提琴：

https://jsfiddle.net/42ssmu0t/

非常感谢你帮助我解决这个问题！

Answer 1

使用此：

 $(function () {
        $('*#button').on('click', function () {
            var text = $('#text');
            text.val(text.val() + "\n\nafter clicking");
        });
        $('*#button2').on('click', function () {
            var text = $('#text');
            text.val(text.val() + "\n\nafter clicking 2");
        });
    });

Answer 2

我在小提琴上更新了代码

Updated Fiddle

这里是更新的代码：

$(function () {
$('*#button').on('click', function () {
    var text = $(this).prevAll('#text').eq(0);
    text.val(text.val() + "\n\nafter clicking");    
});
$('*#button2').on('click', function () {
    var text = $(this).prevAll('#text').eq(0);
    text.val(text.val() + "\n\nafter clicking 2");    
});
});

Jquery将事件绑定到页面上的多个实例

2 个答案: