2011-12-15 15 views
0

を使用して、特定の条件に基づいてTDの内容の交換:は、私は次のことを達成するために必要なjQueryの

私は/フォーマットを編集する必要があるデータを保持するテーブルを持っている:に基づいて

<tr><td>Tools and Other: Hammers</td><tr> 
<tr><td>Tools and Other: Wrenches</td><tr> 

条件、私は次のように内容を変更する必要があります。

<tr><td>Toolbox: Hammer</td></tr> 
<tr><td>Toolkit: Wrench</td></tr> 

どのように私は単にこれら二つのTD動的USIの内容を変更うjQuery?私はそれを行うにはそのように決めた場合、私はすべてのTDからわずか「ツールとハンマー」を削除する方法を、 - - 第二に、このように:

<tr><td>Hammers</td></tr> 
<tr><td>Wrenches</td></tr> 
+0

条件は何ですか? –

+0

'ツールとハンマー'または 'ツールとその他 'を削除しますか? –

答えて

1

あなたはこのようTD年代のコンテキストを変更することができます。

$("#blah tr td").each(function() { 
    $(this).text(
     $(this).text().replace(
      /^Tools and Other/, 
      "Toolbox" 
     ) 
    ); 
}); 

: - http://jsfiddle.net/Khs7N/

<table id="blah"> 
    <tr><td>Tools and Other: Hammers</td></tr> 
    <tr><td>Tools and Other: Wrenches</td></tr> 
</table> 

あなたはこのようなコードと交換を行うことができます。

$('td').html(function() { 
    return $(this).text().replace('Tools and Other: ', ''); 
}); 

Example on jsFiddle

0

は、このようなID blah、とテーブルを考えます最初にjQuery selectorには、要素idがblahの場合は、すべて<tr>の子とそのすべての子の<td>の子を見つけます。その後、これらの要素のexecute the function for eachになります。

この関数は単にテキストを取得し、正規表現を使用してthe JavaScript string.replace functionを呼び出してテキストを修正し、要素のテキスト全体を新しい文字列で設定します。

regular expressionは、^メタ文字を使用して、文字列の先頭にのみ「ツールとその他」と一致します。

関連する問題