考虑我有这样的结构(一组重复的字段);
<div class="form-group Row"> <!-- first row-->
<div class="col-sm-3">
<input type="text" class="form-control User" name="user" value="$users" placeholder="Username" />
</div>
<div class="col-sm-3">
<input type="password" class="form-control" name="pw" value="$passwords" placeholder="Password" />
</div>
<a class="delete" onclick='//do something'><img src="delete.png"></a>
</div>
<div class="form-group Row"><!-- second row-->
<div class="col-sm-3">
<input type="text" class="form-control User" name="user" value="$user" placeholder="Username" />
</div>
<div class="col-sm-3">
<input type="password" class="form-control" name="pw" value="$passwords" placeholder="Password" />
</div>
<a class="delete" onclick='//do something'><img src="delete.png"></a>
</div>
当我单击任何行的删除图像时,我想要获取该特定行的类名称为“ User”的输入字段的值。如何在javascript中执行此操作?
如果您使用jQuery,则不需要使用内联事件,则可以使用.on
函数添加事件,并像示例中那样获取值
$('.delete').on('click', function () {
var value = $(this).parent().find('.User').val();
console.log(value)
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句