1

表のセルに特定のコンテンツがあるかどうかを確認し、そのセルの左上隅に記号「◤」を付けてそのセルをマークする方法はありますか? ありがとう

4

5 に答える 5

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/

于 2013-03-11T14:15:24.127 に答える
2

この検索および置換機能を使用します。 

  function ReplaceCellContent(find, replace)
    {
        $("#table tr td:contains('" + find + "')").html(replace);
    }
于 2013-03-11T14:03:32.083 に答える
1

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の例を確認してください）

これがお役に立てば幸いです:)

于 2013-03-11T14:57:11.837 に答える
0

これを試して

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');

ここでフィドルをライブ

于 2013-03-11T14:33:52.440 に答える
-1

これが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;
}

この例では、レンダリングされたテーブルの「状態」列の下に値「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>";
        }

テキストボックス内に三角形が表示されます

于 2013-03-11T14:24:52.280 に答える