TDSにテーブルが含まれていないすべてのTR要素を選択するにはどうすればよいですか。 -- jquery フィールド 関連 問題

How can I select all TR elements whose TDs don't contain a table?












2
vote

問題

日本語

選択する方法:

  • テーブル内のすべての行(最初の行を除く)
  • 行の各TDがでないのテーブルを含みますか?

私は試してみました:

<事前> <コード> var tbl = grd.find("tr:gt(0)").find("tr:not(:has(table)");

しかしこれは行を返しません。

英語

How can I select:

  • all rows in a table (except the first row)
  • where each TD in a row does not contain a table?

I've tried:

var tbl = grd.find("tr:gt(0)").find("tr:not(:has(table)"); 

But this doesn't return any rows.

</div
  

回答リスト

2
 
vote
vote
ベストアンサー
 

これは、最外部の sample13 要素の行をターゲットにしていると仮定しています。

<事前> <コード> sample14

http://jsfiddle.net/cvtqm/


または sample15 が外表...

の場合 <事前> <コード> const sample1 = [{id: '1', name: 'jon', quantity: '5'}, {id: '2', name: 'sue', quantity: '4'}, {id: '3', name: 'greg', quantity: '7'}]; const sample2 = [{id: '1', dish: 'cheesecake'}, {id: '2', dish: 'carrot cake'}, {id: '3', dish: 'cupcake'}]; const sampe1map = sample1.map(({id}) => id); const lut = sample2.reduce((acc, {id, dish}) => { acc[id] = [...(acc[id] || []), dish]; return acc; }, {}); const res = sampe1map.flatMap(x => lut[x]); console.log(res);16
 

This assumes you're targeting the rows of the outermost table element.

$('#mytable > tbody > tr').slice(1)                           .filter('tr:not(:has(table))'); 

http://jsfiddle.net/cvtqM/


Or if grd is the outer table...

grd.children()    .children()    .slice(1)    .filter('tr:not(:has(table))'); 
</div
 
 
1
 
vote
<事前> <コード> sample17

これは sample18 は何でもかなり依存しています。

 
grd.find("tr").slice(1).filter( function(){     return !this.getElementsByTagName("table").length; }); 

This is pretty reliant on whatever grd is.

</div
 
 
0
 
vote

このセレクタを使用することができます:

<事前> <コード> var tbl = $("tr:not(:has(table)):not(:first)", grd);

デモ: http://jsfiddle.net/zhtdq/

これは、<コード> <td> 子孫であるテーブル内の行を選択して、それが必要かどうかわからないかどうかわからない。

 

You can use this selector:

var tbl = $("tr:not(:has(table)):not(:first)", grd); 

Demo: http://jsfiddle.net/ZHTDq/

This selects rows in the tables that are <td> descendants as well, not sure if that's in your requirements or not.

</div
 
 

関連する質問

0  jQueryの$ .click()内のインデックス番号を取得する方法  ( How to get index number inside click of jquery ) 
<事前> <コード> $("span.ws_label").click(function() { }) セレクタ「span.ws_label」選択した5つの要素、 そのうちの1つをクリックしたとき、 実際にどれを知るか? 編集 I索引やそのIDを...

1279  jQueryでクッキーを設定/設定解除するにはどうすればよいですか。  ( How do i set unset a cookie with jquery ) 
jQueryを使用してCookieを設定して設定します。たとえば、 test という名前のクッキーを作成し、 1 ?に設定します。 ...

11  スライド後のjQueryスライダコール機能  ( Jquery slider call function after slide ) 
私はWebアプリケーション上でスコアを設定するために使用しているjQuery Silderを持っています。ユーザーが送信ボタンをクリックしたが、クライアントはAjaxスタイルを更新するようになったままにするようにOrignallyにいました。 これは見つけられ...

1  JsonResultの問題  ( Jsonresult problem ) 
これを返しているActionResultがあります。 <事前> <コード> @output4 JavaScriptでは、そのaticationResultによって返される値は "{" isDeleted ":true}"です。 私は何をしていますか? 編...

0  リスト項目でディスクを取り除く  ( Getting rid of disc in list item ) 
jQueryを使用してサイトを開発し、jQuery UIタブを作成しています。何らかの理由で、私のタブ(順序付けられていないリスト)は、OS XのFirefox 3を除くすべてのブラウザ(これまでにテスト済み)に弾丸を表示しています.Safari OS X、...

2  OnClick HandlerをMake Linksのクリックを無視します  ( Make onclick handler ignore clicks on links ) 
ブロック要素のカスタムオンクロックハンドラ(jQueryの.click()メソッドを介して設定)。このブロック要素にはリンクを含めることができます。 これはかなり確信があるので、クリックしたリンクである場合(リンクが私のコードを実行せずに訪問されるように)ハン...

0  jQuery、属性フィルタセレクタ、および正確に_which_要素をクリックした  ( Jquery attribute filter selectors and finding out exactly which element was c ) 
私はこのjqueryがうまく機能する <事前> <コード> $("li[id^='shop_id']").click( function () { alert("I clicked on id ??"); }); 'shop_id'でIDを持つ...

1  $$ jQueryでは、これは何ですか?  ( In jquery whats this used for ) 
誰かが書くだけの場合: <事前> <コード> $("#downloadTabs>div").each(function(el) { el.setStyle("display", "none"); el.removeCla...

2  jQueryのAjaxForm  ( Ajaxform in jquery ) 
Ajaxformを使用しています。今私は問題に遭遇しました。私のアイデアは、ユーザーがユーザー名を入力したときに、誤ったユーザー名がユーザーにメッセージを報告する必要があります。 私のコードはうまくいっていますが、ユーザーに表示されたレポートメッセージの後、...

210  jQueryセレクタから$(これを)除外する方法は?  ( How can i exclude this from a jquery selector ) 
私はこのようなものを持っています: <事前> <コード> <div class="content"> <a href="#">A</a> </div> <div class="content"> <a href="#">B</a> </div>...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有