Как сравнить значения двух столбцов, а затем изменить текст на основе сравнения в цикле - PullRequest
Новая
       9

Как сравнить значения двух столбцов, а затем изменить текст на основе сравнения в цикле

0 голосов
/ 08 апреля 2011

Мне нужно пройти цикл для сетки данных, сравнить значения column1.cell1 с column2.cell1, а затем column1.cell2 с column2.cell2 и так далее ... и на основе сравнения показать изображение с текстом в первом столбце

Должен ли я сначала поместить значения двух столбцов в два массива для сравнения?Или какой должен быть код 

$('#dataGrid tr th').each(function() {
   ??
});

Ответы [ 2 ]

1 голос
/ 08 апреля 2011 
$('#dataGrid tr').each(function() {
    var cell1 = $('td:nth-child(1)', this);
    var cell2 = $('td:nth-child(2)', this);

    //Comparison here???
});
0 голосов
/ 08 апреля 2011

Попробуйте это. Пример может быть полезен для вас.

HTML: 

<table cellspacing="0" rules="all" border="1" id="gvCommentSample" style="width:30%;border-collapse:collapse;">
<tr>
    <th scope="col">Column1</th><th scope="col">Column2</th><th scope="col">IsMatch</th>
</tr><tr>
    <td>1</td><td>1</td><td>
            </td>
</tr><tr>
    <td>2</td><td>2</td><td>
            </td>
</tr><tr>
    <td>3</td><td>4</td><td>
            </td>
</tr><tr>
    <td>4</td><td>5</td><td>
            </td>
</tr>

JQUERY: 

$("#gvCommentSample tr").each(function(){
    if($(this).find("td:eq(0)").html()==$(this).find("td:eq(1)").html())
    {
       //$(this).find("td:eq(2) span").text("matched");
       $(this).find("td:eq(2)").html("<img alt='' src='Image/matchedImage.png' />");
    }   
});

НАЖМИТЕ ЗДЕСЬ, ЧТОБЫ ВИДЕТЬ ДЕМО

...