Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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
jquery按钮事件函数到目标按钮(按ID)_Jquery_Function_Events_Siblings - Fatal编程技术网

jquery按钮事件函数到目标按钮(按ID)

jquery按钮事件函数到目标按钮(按ID),jquery,function,events,siblings,Jquery,Function,Events,Siblings,我有一个充满div的页面,每个div包含一个按钮,每个按钮都提交以成功完成某个功能 然而,我目前正试图通过一个ID来隔离按钮,并触发在div中的2个位置添加一个类和消息(输入值&msgsC) 但是,事件根本没有触发。我想我可能错过了什么。我如何才能让它只更改/添加类和消息到单击的特定按钮的同级输入标记和#msgsC(而不是同时更改/添加到页面上所有div中的所有输入) 项目1 项目2 项目3 项目4 发送我的URL 添加到购物车 $(文档).ready(函数(){ $('purchase1,'

我有一个充满div的页面,每个div包含一个按钮,每个按钮都提交以成功完成某个功能

然而,我目前正试图通过一个ID来隔离按钮,并触发在div中的2个位置添加一个类和消息(输入值&msgsC)

但是,事件根本没有触发。我想我可能错过了什么。我如何才能让它只更改/添加类和消息到单击的特定按钮的同级输入标记和#msgsC(而不是同时更改/添加到页面上所有div中的所有输入)


项目1
项目2
项目3
项目4
发送我的URL
添加到购物车
$(文档).ready(函数(){
$('purchase1,'purchase2,'purchase3')。在('click','button',函数(e)上{
var urlGo=新数组(url1、url2、url3);
对于(var x=0;x
指的是一个类,
#
指的是一个id

.purchase
选择类purchase的元素,
#purchase
选择id purchase的元素

使用

因为purchase1、purchase2、purchase3是ID

如果您只对单击感兴趣,并且这些元素只加载一次,而没有被替换或删除,那么您也可以使用

$('#purchase1, #purchase2, #purchase3').click(function(){..
您也可以给他们一个公共类“购买”

然后使用

$('.purchase').click(function(){  ....});

但是请记住,id是唯一的。

没有类为“purchase1”、“2”或“3”的元素表示id,
表示类。将选择器更改为
$('purchase1,'purchase2,'purchase3')
并删除按钮
'button'
,因为它们是按钮是的,谢谢。我一直在做很多改变,希望找出问题所在。我刚刚才意识到我可能不小心把它们作为类而不是id(doh!)。所以我回来纠正它。但是,我将类更改为IDs,它仍然不起作用。我在某处看到button标记只响应on('click','button'函数(){});但我在这方面也没有运气。我会继续尝试。我能够更改类,输入和span标记现在反映正确的消息。但我希望这些按钮能够影响每个div的文本输入和#msgsC span标记,具体取决于按下哪个按钮。例如,按下按钮2只会影响div2的范围和输入。然而,目前,所有三个部门都在作出反应。我正在思考按钮事件如何帮助实现这一点。谢谢你的输入,它让我找到了正确的方向。在这个特殊的片段上不需要更多的帮助。事实上,我确实找到了答案,我很想发布新代码作为我问题的答案,以便其他任何觉得有用的人都可以使用。我唯一需要做的另一件事就是知道如何将它压缩成一个体积较小的版本。谢谢你的帮助。这篇最新的文章是关于动态获取元素ID并向它们提供错误消息的帮助。这个问题现在已经解决了,所以我不得不为这个问题创建一个新的帖子。以下是更新的帖子,代码如下:
$('#purchase1, #purchase2, #purchase3').click(function(){..
$('.purchase').click(function(){  ....});