[jQuery]table元素和其他元素在遍歷的時候有點不一樣

希望解決的問題:

一個table元素蜕依,需要用jQuery找到第3行第4列對應(yīng)的?單元格纠亚,

嘗試解決方案:

  $("table").children("tr:eq(2)").children("td:eq(3)")
//tr:eq(2)是給children傳參數(shù)辩尊,將結(jié)果限定為tr元素阻肿,而且是第2+1=3個
//eq(2)雖然是在selector里面好像css語句的樣子傅是,但是還是javascript這一邊的
//然而這兩條注釋并不是這篇文章主要想說的

上面的代碼乍一看沒問題咸灿,就是跑不起來而已构订。

除錯:

console.log($("table").children())
//[tbody, prevObject: jQuery.fn.init[1], context: document]
console.log($("table").children().children())
//[tr, tr, tr, tr, tr, tr, tr, tr, tr, prevObject: jQuery.fn.init[1], context: document]

個人理解

  • 所以table的children不是tr,而是tbody這個東西避矢,tbody的兒子才是tr悼瘾。jQuery官方api關(guān)于children()的例子只是用了div和ul這些元素,這些元素是不會冒出些divbody或者ulbody之類東西的审胸。
  • jQuery的遍歷方法亥宿,除了.children(),還有.find()砂沛。如果把最開始出錯的程序里面children全部改成find的話也可以順利運行烫扼。因為find是逐級往下找的,children則限制在子這一級尺上。
  • 順便吐槽一下材蛛,自己覺得find效率應(yīng)該是沒有children高的,誰叫他名字是find呢
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末怎抛,一起剝皮案震驚了整個濱河市卑吭,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌马绝,老刑警劉巖豆赏,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡掷邦,警方通過查閱死者的電腦和手機白胀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來抚岗,“玉大人或杠,你說我怎么就攤上這事⌒担” “怎么了向抢?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長胚委。 經(jīng)常有香客問我挟鸠,道長,這世上最難降的妖魔是什么亩冬? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任艘希,我火速辦了婚禮,結(jié)果婚禮上硅急,老公的妹妹穿的比我還像新娘覆享。我一直安慰自己,他們只是感情好铜秆,可當(dāng)我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布淹真。 她就那樣靜靜地躺著,像睡著了一般连茧。 火紅的嫁衣襯著肌膚如雪核蘸。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天啸驯,我揣著相機與錄音客扎,去河邊找鬼。 笑死罚斗,一個胖子當(dāng)著我的面吹牛徙鱼,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播针姿,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼袱吆,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了距淫?” 一聲冷哼從身側(cè)響起绞绒,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎榕暇,沒想到半個月后蓬衡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體喻杈,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年狰晚,在試婚紗的時候發(fā)現(xiàn)自己被綠了筒饰。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡壁晒,死狀恐怖瓷们,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情秒咐,我是刑警寧澤换棚,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布,位于F島的核電站反镇,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏娘汞。R本人自食惡果不足惜歹茶,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望你弦。 院中可真熱鬧惊豺,春花似錦、人聲如沸禽作。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽旷偿。三九已至烹俗,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間萍程,已是汗流浹背幢妄。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留茫负,地道東北人蕉鸳。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓,卻偏偏與公主長得像忍法,于是被迫代替她去往敵國和親潮尝。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容

  • DOM創(chuàng)建節(jié)點及節(jié)點屬性 通過JavaScript可以很方便的獲取DOM節(jié)點饿序,從而進行一系列的DOM操作勉失。但實際上...
    阿r阿r閱讀 1,002評論 0 9
  • 1:jQuery節(jié)點創(chuàng)建與屬性的處理 創(chuàng)建元素節(jié)點:可以有幾種方式,后面會慢慢接觸嗤堰。常見的就是直接把這個節(jié)點的結(jié)構(gòu)...
    碼農(nóng)小楊閱讀 594評論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式戴质。設(shè)計者無需花費時間糾纏JS復(fù)雜的高級特性度宦。 1....
    LaBaby_閱讀 1,325評論 0 2
  • $(”p”).addClass(css中定義的樣式類型); 給某個元素添加樣式 $(”img”).attr({sr...
    專注寒冰三千歲閱讀 502評論 0 4
  • Attribute: $("p").addClass(css中定義的樣式類型); 給某個元素添加樣式 $("img...
    撲克臉_457e閱讀 556評論 0 1