根据条件从Html表中删除一行

时间:2013-06-07 11:51:21

标签: javascript jquery html html-table

我有一个html表

<TABLE id="dlStdFeature" Width="300" Runat="server" CellSpacing="0" CellPadding="0">
  <TR>
    <TD id="stdfeaturetd" vAlign="top" width="350" runat="server"></TD>
  </TR>
</TABLE>

我动态地将值添加到:

function AddToTable(tblID, value)
{
    var $jAdd = jQuery.noConflict();

    var row= $jAdd("<tr/>").attr("className","lineHeight");
    var cell = $jAdd("<td/>").attr({"align" : "center","width" : "3%"});
    var cell1 = $jAdd("<td/>").html("<b>* </b>" + value);
    row.append(cell);
    row.append(cell1);
    $jAdd(tblID).append(row);
}

现在我想要一个函数从该表中删除一行,如果值匹配..as

function RemoveFromTable(tblID, VALUE)
{
   If(row value = VALUE)
   {
     remove this row
   }
}

这里VALUE是TEXT ..需要匹配..如果存在需要删除该行,

5 个答案:

答案 0 :(得分:2)

试试这个

function RemoveFromTable(tblID, VALUE){
   $("#"+tblID).find("td:contains('"+VALUE+"')").closest('tr').remove();
}

希望它能运作

答案 1 :(得分:0)

试试这个

function RemoveFromTable(tblID, VALUE)
{
   If(row value = VALUE)
   {
      $("TR[id="+VALUE+"]").hide();  //Assumes that VALUE is the id of tr which you want to remove it
   }
}

你也可以。删除(),如

$("TR[id="+VALUE+"]").remove();

答案 2 :(得分:0)

我强烈建议您使用ViewModel。因此,您可以动态地将数据绑定到表中,并有条件地将其格式化为您喜欢的任何内容。看看Knockout.js:http://knockoutjs.com/

答案 3 :(得分:0)

function RemoveFromTable(tblID, VALUE){
   $(tblID).find('td').filter(function(){
     return $.trim($(this).text()) === VALUE;
   }).closest('tr').remove();
}

答案 4 :(得分:0)

使用jquery从HTML表中删除不包含特定文本或字符串的行。

注意:如果HTML表中只有两列,我们可以使用“ last-child”属性来查找。

*$(document).ready(function(){
$("#tabledata tbody .mainTR").each(function(){
    var lastTD = $(this).find("td:last-child");
    var lastTdText = lastTD.text().trim();
    if(!lastTdText.includes("DrivePilot")){
        $(this).remove();
    }
});

});

注意:如果HTML表中有两列以上,则可以使用“ nth-child(2)”属性来查找。

传递带有“ nth-child(列索引)”的列索引

$(document).ready(function(){
$("#tabledata tbody .mainTR").each(function(){
    var lastTD = $(this).find("td:nth-child(2)");
    var lastTdText = lastTD.text().trim();
    if(!lastTdText.includes("DrivePilot")){
        $(this).remove();
    }
});

});

注意:“ DrivePilot”只不过是文本或字符串