2017-02-11 38 views
0

如何使用jQuery的next()方法獲取元素的同胞內容?我正在嘗試將文字與Google搜索結果相關聯。爲此,我將鏈接存儲在一個變量$('h3.r a')中。接下來我添加了一個點擊處理程序,它會觸發鏈接下抓取頁面描述的代碼。我期望$(this).next().html()$(this).html()相同的方式獲得下一個兄弟姐妹的內容。不幸的是,我錯了。這裏是jQuery的,任何幫助真的看重jQuery獲取使用next()的兄弟返回undefined

links.click(function() { 
    var nextElement = $(this).next() 
    console.log(nextElement.html()) //why doesn't this get contents? 

    var d = $(this).nextElementSibling 
    console.log(d) 
}) 

編輯:所以我檢查控制檯,當我登錄$(this)

{ 
    "0":{ 
     "jQuery311027308429302958161":{ 
     "events":{ 
      "click":[ 
       { 
        "type":"click", 
        "origType":"click", 
        "data":null, 
        "guid":1, 
        "namespace":"" 
       } 
      ] 
     } 
     } 
    }, 
    "length":1 
} 

當我登錄$(this).next()

{ 
    "length":0, 
    "prevObject":{ 
     "0":{ 
     "jQuery311027308429302958161":{ 
      "events":{ 
       "click":[ 
        { 
        "type":"click", 
        "origType":"click", 
        "data":null, 
        "guid":1, 
        "namespace":"" 
        } 
       ] 
      } 
     } 
     }, 
     "length":1 
    } 
} 
+1

'console.log''nextElement'並查看它的選擇! – undefined

+1

'.nextElementSibling'不是一個jQuery方法。使用'this.nextSibling' – guest271314

回答

0

使用this.nextSibling選擇下一個#text節點,.textContent選擇節點的文本。