jQuery使用next（）获取兄弟姐妹返回undefined

Question

如何使用jQuery的next()方法获取元素兄弟的内容？我正在尝试获取与Google搜索结果相关联的文字。为此，我将链接存储在$('h3.r a')的变量中。接下来，我添加了一个单击处理程序，它将触发抓取链接下方页面描述的代码。我希望$(this).next().html()能够以$(this).html()工作的相同方式获取下一个兄弟的内容。不幸的是，我错了。这是jQuery，任何帮助都非常重要

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
   }
}

Answer 1

使用this.nextSibling选择下一个#text节点，.textContent以选择节点文本。