代码之家 › 专栏 › 技术社区 › kevtrout

如何用jquery选择相邻隐藏输入的值?

jquery javascript php

kevtrout · 技术社区 · 15 年前

当用户单击下面“li”结尾处的img时,我想先获取隐藏输入两个元素的值。

<ul id="theLists">
    <li>
    <input class="checkbox" type="checkbox" name="row"/>
    <input class="contentId" type="hidden" value="64" name="id"/>
    <div id="64" class="editable">Peanuts for me</div>
    <img src="/img/delete.gif" alt="delete"/>
    </li>
</ul>

我试过这个:

$(document).ready(function(){
    $("#theLists img").click(function(){
        var contentId = $(this).closest("input[name='id']").val();          
    });

无济于事。有什么想法吗?我需要用行ID设置一个var,在本例中是“64”。

3 回复 | 直到 15 年前

Jeff Meatball Yang 15 年前

最近(…)获取最近的父节点,而不是最近的兄弟节点。

事实上,有多种方法可以满足你的需求。

试试这些:

var contentId = $(this).siblings("input[name='id']").val();

var contentId = $(this).parent().children("input[name='id']").val();

var contentId = $(this).prev().prev().val();

Butifarra 15 年前

See complete solution here.

你可以移动 id 属性到包含 <li> ,移除隐藏字段,只需使用:

var contentId = $(this).parent().get(0).id;

这样做的好处是,将来你可以添加其他动作,比如“编辑”等,而无需担心兄弟姐妹的位置。

tags2k 15 年前

价廉物美:

var contentId = $(this).parents('li:first').find('.contentId').val();

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前