Jquery 单击后动态将标题文本放入文本区域

基本上，我有一个按钮，点击后，我想在选择列表中自动选择主题（它是这样做的），并采取h3和h5文本，并将其放入文本区

这是我现在的代码：

$('.order-button').click(function(){
   var productName = $('.product-name').text();
   var productSerial = $('.product-serial').text();

   $('#msgsubject').val($(this).data('val')).trigger('change'); // choosing subject         
   $('#message').val($('#message').val()+" "+productName+" "+productSerial+" "); // putting text into textarea
})

看起来很好，但当我有两个产品，我点击第一个产品上的“订单”按钮时，它会从其中两个产品发送文本，而第二个产品上的第二个按钮什么都不做

[编辑]抱歉-第二个和第一个做同样的事情。就像在评论中提供的小提琴一样

---

我相信我只需要添加一些东西，告诉jquery一个按钮点击就是一个产品，它应该只使用该产品的“名称”和“序列号”不是吗？但我不是jquery忍者，我找不到解决方案，这让我抓狂；/请提供帮助。

它是这样发送给您的，因为类名相同，您没有指定要使用哪一个

这是最新的小提琴：

这是新代码。正如您所看到的，我用这个来捕获我单击的按钮，然后用.prev来捕获上一个.product序列并获取其文本，然后用.product序列上的另一个.prev来捕获产品名称并获取其文本

您的错误是，您捕获了所有的.product serial和.product name，而不仅仅是预期的

也可以使用.sides代替.prev

$('.order-button').click(function(){
    var productSerial =  $(this).siblings('.product-serial').text();
    var productName = $(this).siblings('.product-name').text();

    $('#msgsubject').val($(this).data('val')).trigger('change'); // choosing subject         
    $('#message').val($('#message').val()+" "+productName+" "+productSerial+" "); 
})

---

工作小提琴：

你能提供小提琴的乐趣吗？谢谢你的反馈。你认为兄弟姐妹比上一个做得更好吗？只是想知道。干杯。兄弟姐妹也会玩这个把戏。我编辑了答案，把.prev和.sibling都放进去了。干杯：）太好了！谢谢你的时间，一位亲爱的兄弟：）

$('.order-button').click(function(){
    var productSerial =  $(this).siblings('.product-serial').text();
    var productName = $(this).siblings('.product-name').text();

    $('#msgsubject').val($(this).data('val')).trigger('change'); // choosing subject         
    $('#message').val($('#message').val()+" "+productName+" "+productSerial+" "); 
})