0

我有一个 HTML 表格，我不希望第二列的值在网格中重复。

这是我的 jQuery：

$('#tb_cartTable tr td:nth-child(2)').each(function() {
    $ele=$(this).text();
if($ele==$productCode)
    {
        flag="x";
        return false;
    }
});

if($rowCounter>0 && flag=="x")
{
    alert("Duplicate");
}
else
{
    //...
}
4

1 回答 1

0

一种方法是将单元格的文本“映射”到以文本为键的 JavaScript 复杂数组中，然后将键的数量与单元格的数量进行比较。如果单元格多于键，则表示存在具有相同文本的单元格。

代码：

var allCells = $('#tb_cartTable tr td:nth-child(2)');
var textMapping = {};
allCells.each(function() {
    textMapping[$(this).text()] = true;
});

var count = 0;
for (var text in textMapping)
    count++;

if (count !== allCells.length) {
    alert("found duplicate values");
} else {
    alert("no duplicates found");
}

现场测试用例。

注意上面是区分大小写的：如果有一个带有“hello”的单元格和带有“Hello”的单元格，它们将被认为是不同的，它会认为没有重复。如果大小写无关紧要，则只需将行更改为：

textMapping[$(this).text().toLowerCase()] = true;

更新了忽略案例的测试案例。

在您的特定情况下，您可以将所有添加的值存储在普通数组中，然后使用 jQueryinArray()方法检查数组：

var $addedProductCodes = [];
$("#button_addItem").click(function(event)
{
    $("span.errorText").remove();
    $(".errorField").addClass("notErrorField");

       //Change background color of textbox to normal
       $("#frmRegisterForm :input[type='text']").attr('class','notErrorField');
    $hasError = false;
    $ele = $(event.target);
    if($ele.is("input[type=button]"))
    {    
        $td_productCode1=$("#td_productCode1").val();
        var index = $.inArray($td_productCode1, $addedProductCodes);
        if (index >= 0) {
            alert("You already added this product code in line #" + (index + 1));
        } else {
            $text_productDescription= $("#text_productDescription").val();
            $text_basicDealerPrice = $("#text_basicDealerPrice").val();
            $('#table_viewContent').append("<tr><td>"+$text_productDescription+"</td><td>"+$td_productCode1+"</td><td><td>"+$text_basicDealerPrice+"</td><td><input type='button'  name='deleteRow' id='btn_deleteRow' value='Delete' id='deleteItem' class='deleteItem button-red'></td></tr>");        
            $addedProductCodes.push($td_productCode1);
        }
    }
});

更新了小提琴，添加相同的产品代码会发出警报并且不会插入。

于 2013-02-19T11:26:25.543 回答