传递要追加的按钮的值，jquery，Ruby on Rails

Question

在我 Ruby 的 Rails 项目中，我想通过一个按钮将该按钮的内容传递给一个列表。

这是我的脚本：

<script>
  $(document).ready(function(){
    $(document).on('click', ".btn2", function () {
        $("ol").append("<li>Appended item</li>"); #<-- Problem here
    });
  });
</script>

这是我的按钮：

<button class="btn2"><%= date %></button>

当我按下按钮 "btn2" 时，另一个 <li>Appended item</li> 被列到 ol 元素中。现在，我希望列出 <%= date %> 值，而不是 "Appended Item"。例如：

<button class="btn2">10-11-2014</button>

应将“10-11-2014”添加到列表中。

我该如何做到这一点？提前致谢！

Answer 1

你可以这样做：

$(document).ready(function(){
  $(document).on('click', ".btn2", function () {
    var buttonContent = $(this).html();
    $("ol").append("<li>" + buttonContent + "</li>");
  });
});

传递要追加的按钮的值，jquery，Ruby on Rails

Pass value of button to append, jquery, Ruby on Rails

jquery

append

ruby-on-rails-4