答えて
tr
とtd
の要素は、table
要素でのみ有効です。ブラウザは、効果的に類似した構造をあなたに残しDOMでこれらの無効なタグを除去します:
<body>
<input type="input" size="3" class="qta">
<input type="input" size="7" class="price">
TOTALE: <input type="input" id="total" size="7" ;="">
</body>
はFirebugのか、Webkitのインスペクタでそれをチェックしてください。
input.price
は、一致する要素のセット内の各要素の直後の兄弟であるため、ここではセレクタが機能します。
とすぐにラップtable
要素を含むよう、tr
とtd
要素は構造が有効であり、あなたが期待するようDOMに置かれます:input.price
があるので
<body>
<table width="520" border="0" align="center" cellpadding="3" cellspacing="0">
<tbody>
<tr>
<td width="40" bgcolor="#009966" class="whyte">
<input type="input" size="3" class="qta">
</td>
<td width="100" bgcolor="#009966" class="whyte">
<input type="input" size="7" class="price">
</td>
</tr>
</tbody>
</table>
TOTALE: <input type="input" id="total" size="7" ;="">
</body>
これはnext()
セレクタを破ります一致した要素のセット内の各要素の直後の兄弟ではなくなりました。
ソリューションは、新しい構造をナビゲートするinput.price
のためにあなたのjQueryのセレクタを変更することです:
price = self.parents('tr').find(".price"),
はあなたfiddleを更新しました。
.next() selectorは現在の要素の兄弟に対してのみ機能します。あなたの最初の例でそれがなぜ働いていたのか分かりません...
私はあなたのフィドル(http://jsfiddle.net/vansimke/n3W4F/)をフォークし、親タグに移動して次へ移動し、 ".price"要素内部。それがあなたが望むことをするかどうかを見てください。
次の関数は、ただちに兄弟を調べます。各入力はtdタグで囲まれているため、直系の兄弟は存在しないため、
self.next(".price")
セレクタは何も返しません。
self.parents('tr').find(".price").
なぜ最初のスニペットが機能するのかわかりません。自己変数(self.parents()。foreach(...))の親を調べる場合、親はHTML-> BODY-> INPUTです。私は、TR/TDがTABLE要素に囲まれていないので、入力タグはBODYの子要素になっていると推測しています。他の人がその行動のより良い説明をしているかもしれません。
- 1. Javascript総額calclator?
- 2. 列の総和
- 3. を総称
- 4. JPA総称フィールド
- 5. 窓は総計
- 6. Facebook総ユーザー数
- 7. ASP.Netグリッドビューロールビューの総計
- 8. Telerik Reportingの総計
- 9. 投稿の総数?
- 10. 計算税と総
- 11. Shopify api総販売
- 12. DataGridViewの総セル数
- 13. Excelピボットチャートの総計
- 14. 総計はSQLで
- 15. マゼンタカート総合計ラウンドアップ
- 16. Parse(javascript)のクラス/テーブル内の行の総数を調べる方法は?
- 17. 総計のパーセンテージでDELETE
- 18. 連絡先の総数 - android
- 19. 総計クロス列のタブ行?
- 20. SSAS駆動ピボットテーブルの総計
- 21. C#総理ジェネレータ、ビット配列
- 22. テーブルの限界総数
- 23. C#動的総称リスト
- 24. 総ページサイズのFirefox拡張?
- 25. facebook api weekly総件数
- 26. グループのメンバーの総数
- 27. jqueryを使用して行の総計とテーブルの総計を取得する
- 28. 総司令官がパス変数をマスクする
- 29. Codeigniter。セッションを確認して、num_rows()が総計を返します
- 30. 各州の総マイル数が合格する
本当にありがとうございます。 – Geme