Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 表锚定单击获取父类值_Javascript_Jquery - Fatal编程技术网

Javascript 表锚定单击获取父类值

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

以下是我的html代码:

<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);"