如何获取每个表行中的隐藏字段值

时间:2017-11-07 17:40:34

标签: jquery hidden-field

enter image description here

  

我只是想在表的每一行中获取隐藏的字段值,如何   我可以这样做,任何建议赞赏

2 个答案:

答案 0 :(得分:2)

这是一个使用数组的简单示例。您只想获取隐藏的输入值并将其推送到数组。

//create hidden fields array
var hiddenFields = [];

//for each table row
$("#yourTable tr").each(function()
{
  //get hidden field value
  var hiddenField = $(this).find("input[type='hidden']").val();
  
  //if not empty push to array
  if(hiddenField !='undefined'&& hiddenField !=null )
    hiddenFields.push(hiddenField);
});

//output all hidden field values stored in array
console.log(hiddenFields);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="yourTable">
  <tr><th>row id</th><th>column 1</th><th>column 2</th></tr>
  <tr>
    <td><input type="hidden" value="row id 1"> 1
</td><td>row 1</td><td>row 1</td>
  </tr>
  <tr>
    <td><input type="hidden" value="row id 2"> 2
</td><td>row 2</td><td>row 2</td>
  </tr>
  <tr>
    <td><input type="hidden" value="row id 3"> 3
</td><td>row 3</td><td>row 3</td>
  </tr>
</table>

答案 1 :(得分:0)

function ApplyProcessingColor()
    {
        $("#xhtml_grid tr").each(function()
        {
            var hdnLock=$(this).find("td:first").text();
            if(hdnLock=='True')
            {
                $(this).css('background-Color','#7FFFD4');
            }
        });
    }

以这种方式我找到了解决方案