Question

我正在使用mvc，我希望在我的td

中获取每个table的价值

<table>
    <tr>
         <td id="val"></td>
    </tr>
</table>
<input type="button" value="" class="edit"/>

在javascript中使用

var td = $(document).getElementById("val").innetHTML;

$(document).on('click', '.edit', function (e) {
    if(td == null)
    {

    }
    else
        code......
})

但是每当点击行编辑按钮时，它只返回第一行值，而不是第二行的值，而不是第二行的值。

任何建议都将不胜感激。

Answer 1

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{
  $('.edit').click(function()
    {
          $('table td').each(function() {
            var val = $(this).html();
            alert(val);
         });              
    });                  
});

</script>

Answer 2

您必须使用'class'属性而不是'id'：

<table>
<tr><td class="editVal"></td></tr>
<tr><td class="editVal"></td></tr>
<tr><td class="editVal"></td></tr>
</table>

你必须使用JQuery迭代每个元素：

$('.editVal').each(function(i) {
  // get value
  var $td = $(this).html;
  // set value
  $(this).html = 'Nuovo valore';
}

Answer 3

如果您想逐个获取表的值，我认为jquery each是您的功能。

SO中还有另一个question，有一个很好的例子。

如何在网格表中使用javascript获取html值

3 个答案: