获取元素的子元素

Question

我有一个像这样的HTML：

<input type="text" style="size:3; width: 300px;" id="test">
   Shadow Content
      <div>test</div>

这是我的Safari浏览器中显示的层次结构。我需要获得<div>的值。

我试过了：

$("#test > div") //doesnt work
$("#test *") //doesnt work
$("#test").find("*") //doesnt work

我如何找到div？为什么以上代码不起作用？

Answer 1

<input>元素无法生孩子。它在您使用>关闭后立即结束。如果你想在你的特定代码中找到这个div，试试这个：

$('#test').next('div');

Answer 2

使用next()

$("#test").next('div').text();

你需要获得下一个div元素。

<强>问题

您正试图在textbox

中找到div

Answer 3

尝试使用next()，因为您的目标是兄弟姐妹

$("#test").next('div');