Question

有没有办法检查表格单元格是否具有特定内容，并在该单元格的左上角标记该单元格带有符号“◤”？感谢

Answer 1

使用此查找和替换功能：

  function ReplaceCellContent(find, replace)
    {
        $("#table tr td:contains('" + find + "')").html(replace);
    }

Answer 2

您可能不想替换内容，只需使用“◤”标记有趣的单元格。

您可以使用CSS :before来执行此操作

<table>
<tr>
    <td>lorem</td>
    <td>lorem</td>
</tr>
<tr>
    <td>ipsum</td>
    <td>lorem</td>
</tr>
</table>

JS：

$("td:contains('ipsum')").addClass('found');

工作示例： http://jsfiddle.net/3NWQD/1/

Answer 3

示例JSFiddle回答：http://jsfiddle.net/ATV4G/1/

使用Javascript：

    function markCell(containingText, replaceWith) { //making our function
        $("td:contains('"+containingText+"')").prepend("<span class='abs'>"+replaceWith+"        </span>");
    }

    markCell("first", "◤"); //calling the function

CSS：

    .abs {
            position: absolute;
    }

HTML：

    <table>
            <tr>
                <td>first</td>
                <td>second</td>
            </tr>
    </table>

这些是最低要求。如果要美化输出，可以编写更多CSS来实现要求。（请查看JSFiddle示例）

希望这可以帮助你：）

Answer 4

试试这个

<强> HTML

<table border="1" id="table">
    <tr><th>No</th><th>Player Name</th></tr>
    <tr><td>1</td><td>Sachin</td></tr>
    <tr><td>2</td><td>Dhoni</td></tr>
    <tr><td>3</td><td>Raina</td></tr>
    <tr><td>4</td><td>Yuvi</td></tr>
    <tr><td>5</td><td>Sachin</td></tr>
  </table>

<强>的jQuery

function MarkCell(PlayerName)
{
    $("td").each(function(){ 
        //alert($(this).text());
        if($(this).text() == PlayerName)
        {
            $(this).html('&#9700;' + PlayerName);
        }
    });
}

MarkCell('Sachin');

live fiddle here

Answer 5

这是一个PHP解决方案。

假设您有一个连接到的MySQL数据库，该表包含列'state_or_province'，'city'和'country'。如果要使用“GA”的州或省值标记所有单元格，可以使用以下内容：

echo "<table>
        <tr>
            <th>State</th>
            <th>City</th>
            <th>Country</th>
        </tr>";
while($row = mysql_fetch_array($myresults)){
    echo "<tr>";
            if($row["state_or_province"] == "GA"){
                echo "<td class = 'red'>".$row["state_or_province"]."</td>";
            }
            else{
                echo "<td>".$row["state_or_province"]."</td>";
            }
            echo "<td>".$row["city"]."</td>
                  <td>".$row["country"]."</td>
                  </tr>";
}
echo "</table>";

在CSS样式部分中，包含以下内容

.red{
    background-color: red;
}

在此示例中，在渲染表的“State”列下具有值“GA”的所有单元格将显示在红色单元格中。如果您想在左上角出现“◤”符号，只需编辑上面的CSS

<强>更新

更改

        if($row["state_or_province"] == "GA"){
            echo "<td class = 'red'>".$row["state_or_province"]."</td>";
        }

到

        if($row["state_or_province"] == "GA"){
            echo "<td class = 'red'>&#9700".$row["state_or_province"]."</td>";
        }

你会在文本框中看到三角形

检查表格单元格是否包含内容，并使用符号mark标记单元格

5 个答案: