Question

如何在表格中隐藏特定的TD？

呈现页面：

<table>
  <tr>
    <th>Codigo</th>
    <th>Tipo</th>
    <th>(L/V)</th>
    <th>Endereco</th>
    <th>Propostas Ativas</th>
    <th>Cons</th>
  </tr>
  <tr>
    <td>373054</td>
    <td>Apartamento</td>
    <td>V</td>
    <td>Rua DO FURQUIM</td>
    <td>1</td>
    <td>0</td>
  </tr>
</table>

ASP页面：

<asp:GridView ID="grdImoveis" Width="100%" runat="server" AutoGenerateColumns="false" DataSourceID="dsGrid" OnRowDataBound="grdImoveis_DataBound">
    <Columns>
        <asp:BoundField HeaderText="Código" DataField="Imovel_Id" />            
        <asp:BoundField HeaderText="Tipo" DataField="TipoDsc1" />
        <asp:BoundField HeaderText="(L/V)" DataField="TransacaoSigla" />
        <asp:TemplateField HeaderText="Endereco">
            <ItemTemplate>
                <%# Eval("Descricao") %> <%# Eval("Logradouro") %>, <%# Eval("Numero") %> - <%# Eval("Expr1") %> <%# Eval("Complemento") %>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField HeaderText="Propostas Ativas" DataField="NumeroProposta" />
        <asp:BoundField HeaderText="Cons" DataField="FoundInSanNegocio" />
    </Columns>
</asp:GridView>

绘图（示例）：

Código      Tipo          (L/V)      Endereço         Propostas Ativas        Cons
373054      Apartamento    V         Rua Do Furquim   1                       0

我想通过JQuery获取最后一列（Cons）的值，但用户无法看到此列。如何在每一行中隐藏和获取此列的值？

Answer 1

假设您的Cons列始终是表的最后一列，则应执行此操作：

var myVar = '';
var myArray = new Array();

$('tr').each(function() {
    //this fetches the text content of the last cell of the current row:
    myVar = $(this).children("td:last").text();
    //this puts that value at the end of the myArray array
    myArray.push(myVar);
    //this hides that td
    $(this).children("td:last").hide();
});

我为它做了一个jsfiddle，似乎工作。 http://jsfiddle.net/qnvHM/

Answer 2

最简单的方法是：

  $(document).ready(function(){
  $('#<%=grdImoveis.ClientID %>').find('tr').each(function(){
      $(this).find('td:last').hide();
    });
  });

要获取点击或您可以使用的其他事件的值：

 var value= $(this).find('td:last').text();

Answer 3

检查你的桌子的ID是什么。假设它是grdImoveis，那么：

// Hide last column and and get its value (text)
var comp = $("#grdImoveis TD:last").hide().text();

获取TD标签的特定值

3 个答案: