Javascript 从下一个div的子级中选择输入类型text

我有一个小小的html代码：

<!-- one -->
<div id="parent-one">    
    <div id="head-one">
        <!-- some code here -->
    </div>
    <div>
        <div>
            <input type='text' value='x' name='name'>
        </div>
    </div>
</div>

<!-- two-->
<div id="parent-two">
    <div id="head-two">
        <!-- some code here -->
    </div>
    <div>
        <div>
            <input type='text' value='y' name='name'>
        </div>
    </div>
</div>

//head-x是其中的一个头部div var test=$'head-two'。下一个'div'。查找'input:text'。val； 控制台日志测试 使用类代替id，您可以绑定click事件处理程序并从下一个div读取输入值

$function{ $div.head.onclick，函数{ var$next=$this.next； var value=$next.find'input[type=text]'.val； console.logvalue； }; }; 总目1 总目2 我看到这个评论

我需要通过ajax将该值发送到一个php脚本——这在单击head-x时发生

所以您已经有了一个用于Ajax的单击处理程序

据我所见，您可以很好地使用和以运算符^=开头

然后，使用$this而不是$head one或$head two

$[id^='head-'].onclick，函数{ var inputValue=$this.next.findinput.val； console.loginputValue； }; [id^='parent']{ 填充：1em； } [id^='head']{ 颜色：蓝色； } 点击头一个！ 点击头二！

---

您希望该值在哪里？我的意思是，为什么需要从上一个父级获取下一个输入的值？是否有任何触发点需要读取输入值？我需要通过ajax将该值发送到一个php脚本-单击head-x就会发生这种情况。通过脚本读取所有输入，您知道父级是谁，因此只需推断出下一个输入，然后瞧，你有你的价值。嘿@DoctorLouie，谢谢你花时间回答！我不认识他们的父母我是说他们的父母是下一个被点击的div的孩子-我希望这是有意义的

//head-x being either one of those head divs
var test = $('#head-x').next('div').find('input:text').val();