0

次のような戻り HTML を取得します。

   '<tr id="x" ><td>Cool</td><tr>
    <tr id="x" ><td>Cool</td><tr>
    <tr id="x" ><td>Cool</td><tr>
    <tr id="y" ><td>Cool</td><tr>
    <tr id="y" ><td>Cool</td><tr>
    <tr id="y" ><td>Cool</td><tr>'

次に、この文字列を解析して、2 つの異なるテーブルに入力する必要があります。id=x は 1 つのテーブルに移動し、id = y は別のテーブルに移動します。

私の考えは、文字列から HTML tr td を解析し、それをテーブルに入力することです。

4

2 に答える 2

1

以下はうまくいくはずです：

$(yourstringvariable).find("tr").each(function(){
  var id = $(this).getAttribute("id");
  var name = $(this).find("td:first").html();
  // test id and add the name in the correspondig table here
});

しかし、他の人が言ったように: id は一意でなければならないので、代わりにクラスを使用してください。「$(yourstringvariable)」は、文字列に対応する DOM 要素を作成します。

于 2012-08-03T12:49:22.693 に答える
0

jQuery を使用できる場合:

var input = '<tr class="x" ><td>Cool X1</td><tr>\n' +
    '<tr class="x" ><td>Cool X2</td><tr>\n' +
    '<tr class="x" ><td>Cool X3</td><tr>\n' +
    '<tr class="y" ><td>Cool Y1</td><tr>\n' +
    '<tr class="y" ><td>Cool Y2</td><tr>\n' +
    '<tr class="y" ><td>Cool Y3</td><tr>';


var data = $(input);

data.filter('tr.x').appendTo($('#x'));
data.filter('tr.y').appendTo($('#y'));
​

ここに完全な jsfiddle があります: http://jsfiddle.net/5muJd/

于 2012-08-03T13:25:49.573 に答える