Javascript 表锚定单击获取父类值
以下是我的html代码:Javascript 表锚定单击获取父类值,javascript,jquery,Javascript,Jquery,以下是我的html代码: <td> <input type="hidden" name="user_id" class="user_id" value="18"> <a class="contactnow" href="#" onclick="contactnow();">Contact Now</a> </td> 我需要在点击这个锚点时获得隐藏字段的值,这些锚点与循环数据库中的数据在同一页面上有多个。在onclick
<td>
<input type="hidden" name="user_id" class="user_id" value="18">
<a class="contactnow" href="#" onclick="contactnow();">Contact Now</a>
</td>
我需要在点击这个锚点时获得隐藏字段的值,这些锚点与循环数据库中的数据在同一页面上有多个。在onclick属性中传递引用
<a class="contactnow" href="#" onclick="contactnow(this);">Contact Now</a>
但是,不必在html属性中使用javascript,您可以将javascript完全分离,这样更为清晰,并且不必每次都重复onclick
,它就可以在多个元素中工作。删除onclick属性
Html
在onclick属性中传递引用
<a class="contactnow" href="#" onclick="contactnow(this);">Contact Now</a>
但是,不必在html属性中使用javascript,您可以将javascript完全分离,这样更为清晰,并且不必每次都重复onclick
,它就可以在多个元素中工作。删除onclick属性
Html
删除内联事件处理程序并使用:
$('a.contactnow').click(function() {
console.log($(this).prev('input').val())
})
正如我在上面所评论的,
$(this)
不是您认为的那样,因为您没有向函数传递任何内容。您需要的是.prev()
元素,而不是.parent()
删除内联事件处理程序并使用:
$('a.contactnow').click(function() {
console.log($(this).prev('input').val())
})
正如我在上面所评论的,
$(this)
不是您认为的那样,因为您没有向函数传递任何内容。您需要的是.prev()
元素,而不是.parent()
我看到您标记了jquery,下面是一个简单的示例
$('button')。在('click',函数(){
var answer=$(this.prev().val();
警报(应答)
});代码>
单击我
我看到您标记了jquery,下面是一个简单的示例
$('button')。在('click',函数(){
var answer=$(this.prev().val();
警报(应答)
});代码>
如果要继续使用内联事件处理程序,请单击“我”
,您需要传递this关键字
更改:
onclick="contactnow();"
致:
功能触点现在(ele,e)
{
var id=$(ele).sibbines('.user_id').val();
警报(id);
}
如果要继续使用内联事件处理程序,需要传递this关键字
更改:
onclick="contactnow();"
致:
功能触点现在(ele,e)
{
var id=$(ele).sibbines('.user_id').val();
警报(id);
}
$(这个)
不是指你认为它会是什么,输入如何是链接的父项?它指的是未定义的(我认为…$(这个)
不是指你认为它会是什么,输入如何是链接的父项?它指的是未定义的,我认为…OP可以删除=“contactnow();“
来自他的HTML;)问题是当我从ajax获取数据时,整个div的此函数不起作用。ajax何时成为您问题的一部分?您的问题中没有任何内容。如果您正在动态添加元素,请使用.on()
的事件委派语法。例如$(document)。on('click','a.contactnow',function())
OP可以删除onclick=“contactnow();“
来自他的HTML;)问题是当我从ajax获取数据时,整个div的此函数不起作用。ajax何时成为您问题的一部分?您的问题中没有任何内容。如果您正在动态添加元素,请使用.on()
的事件委派语法。例如$(document)。on('click','a.contactnow',function())
onclick="contactnow();"
onclick="contactnow(this, event);"