如何在单击父类的另一个子类时获取子类的值
How do I get the value of a child on clicking another child of a parent Class?
考虑我有这样的结构(一组重复的字段);
<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)
});
例
尝试如下:
$('.delete').on('click', function(){
var value = $(this).closest('.row').find('.User').val();
//Do something with value;
});
在原版JS中,你的"做某事"将是这样的:
alert( this.parentNode.getElementsByClassName("user")[0].value; )
相关文章:
- 是否可以从父类访问子类的属性
- 如何将变量数据从Java类获取到JavaScript
- 子类访问父类's闭包变量
- Javascript关键字搜索子类Div值
- 如何通过Prototype或jquery移除子类的父类基类
- JavaScript数组的子类化破坏了快速枚举
- 从子级获取React dom组件
- 可以“;超级“;可以在子类的方法内部使用,在不直接引用的情况下调用相应的超类方法
- 具有子类的构造函数中的Object.freeze
- 如何使用正则表达式按类获取svg元素
- 如何在单击父类的另一个子类时获取子类的值
- ES6类:在超级方法中获取子类的正确名称
- 如何使用jquery获取父ID的子类
- 跨浏览器的方式来子类JavaScript Array并获取array[i]方法
- 当我有父 JQuery/JS 的类名称时,如何从子 ID 获取 ID 父级
- 如何在JS中获取元素的子类
- 如何获取对象's类名,当它是子类的实例时
- 使用类和子类获取元素索引
- 从子类获取数据
- jQuery从数组中获取、存储和使用子类元素