Question

使用Scala Play Framework，以防在此处添加问题。

我有测试功能...

<script>
        $(document).ready(function(){
            $('.editbtn').click(function(){
                $(this).html($(this).html() == 'edit' ? 'modify' : 'edit');
            });
        });
    </script>

和一个表

<table>
  <tr><td><button class="editbtn">edit</button></td></tr>
  <tr><td><button class="editbtn">edit</button></td></tr>
  <tr><td><button class="editbtn">edit</button></td></tr>
  <tr><td><button class="editbtn">edit</button></td></tr>
</table>

...根据Html table with button on each row和http://jsfiddle.net/tXS6w/，我应该感觉很酷＃34;编辑＆＃34; ＆LT; =＆GT; ＆＃34;修改＆＃34;文字正在改变行动...唉什么都没有！

即使我在该功能中弹出警报（＆＃34; hello world＆＃34;）也没有任何反应。所以我的侦探权力说它没有被装载。

这可能是显而易见的，但我是javascript版的新手： - ）

Answer 1

适合我：

$('.editbtn').click(function() {
              $(this).html($(this).html() == 'edit' ? 'modify' : 'edit');
            });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <button class="editbtn">edit</button>
    </td>
  </tr>
  <tr>
    <td>
      <button class="editbtn">edit</button>
    </td>
  </tr>
  <tr>
    <td>
      <button class="editbtn">edit</button>
    </td>
  </tr>
  <tr>
    <td>
      <button class="editbtn">edit</button>
    </td>
  </tr>
</table>

当点击按钮时，JQuery从td抓取文本

1 个答案: