javascript - 单击按钮时获取输入属性

标签 javascript jquery

我有一个包含多个输入的页面,每个输入都有一个按钮。是否有办法在单击按钮时获取输入值,而不对输入 ID 进行硬编码?

.prev 不起作用,因为输入后直接有一个跨度

示例

js

$('button').click(function () {


var inputcontent = $(this).prev('input').attr('id');
console.log(inputcontent);

});

html

<input type="text" id="1">
<span class="input-group-btn">
<button type="button">Go!</button>
</span>

最佳答案

您需要使用.parent()input 起就在这里是父级 <span> 的前一个 sibling 按钮的:

var inputcontent = $(this).parent().prev().attr('id');

<强> Fiddle Demo

旁注:id以数字开头是无效的 HTML4 标记。 <强> Reference

关于javascript - 单击按钮时获取输入属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23523056/

相关文章:

closures - 如何在闭包中保存变量的值

JavaScript:如何将数组作为函数参数处理?

jquery - jqGrid TableToGrid 删除一行

javascript - 使用 Javascript 将内容附加到 div 不起作用

javascript - 在span标签上使用on函数

javascript - 如何根据网址动态更改背景图片

javascript - 为什么这个 javascript 不起作用?

javascript - 在播放另一个 YouTube iframe 时停止任何嵌入式 YouTube iframe

javascript - 仅适用于 Firefox "Loading failed for the &lt;script&gt; with source"

javascript - Jquery在追加和上传后隐藏和删除图像