blocks|key|754578|text|你应该试试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|754579|$(button[i]).on("click",+function(){});|code-block|syntax|javascript|754580|button[i]是一个javascript对象，因此您需要使用$(button[i])将其转换为jQuery对象以应用jquery事件。|offset|length|style|CODE|754581|entityMap^0|0|0|0|9|W|C|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

<p>you should try</p>

<pre><code>$(button[i]).on("click", function(){});
</code></pre>

<p><code>button[i]</code> is a javascript object so you need to convert it in jQuery object by using <code>$(button[i])</code> to apply jquery events.</p>


blocks|key|3070562|text|button[i]不是jquery对象，所以它没有bind函数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3070563|您展示的代码还不够多，我无法为您提供完整的解决方案，但您最终应该会得到|3070564|$(button[i]).bind("click",+function(){});+|code-block|syntax|javascript|3070565|entityMap^0|0|9|P|4|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

<p><code>button[i]</code> isn't a jquery object, so it doesn't have <code>bind</code> function.</p>

<p>You're not showing enough code for me to give you the full solution but you should end up with </p>

<pre><code>$(button[i]).bind("click", function(){}); 
</code></pre>


blocks|key|754647|text|数组"button“可能包含选择器(像”#xyz“这样的字符串)，而不是对象。您需要将它们转换为对象：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|754648|$(button[i]).bind("click",+function()|code-block|syntax|javascript|754649|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>The array "button" probably contains selectors (strings like "#xyz"), not objects. You need to convert them to objects:</p>

<pre><code>$(button[i]).bind("click", function()
</code></pre>


blocks|key|978729|text|给定以下HTML：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|978730|<button>Something</button>
<button>Something</button>
<button>Something</button>|code-block|syntax|javascript|978731|您可以通过如下方式获取按钮数组：|978732|var+buttons+=+document.getElementsByTagName("button");|978733|然后将整个数组传递给jQuery以绑定按钮：|978734|$(buttons).click(function(){
+++alert("hello");
});|978735|或者只选择所有按钮开始：|978736|$("button").click(function(){
+++alert("hello");
});|978737|我要传达的主要观点是，您很可能不需要使用.forEach遍历button+[]。|offset|length|style|CODE|978738|entityMap^0|0|0|0|0|0|0|0|0|K|8|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|18|8|@$U|19|V|1A|W|X]]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|Z|$]]

<p>Given the following HTML:</p>

<pre><code>&lt;button&gt;Something&lt;/button&gt;
&lt;button&gt;Something&lt;/button&gt;
&lt;button&gt;Something&lt;/button&gt;
</code></pre>

<p>You can obtain the array of buttons as follows: </p>

<pre><code>var buttons = document.getElementsByTagName("button");
</code></pre>

<p>Then just pass the entire array to jQuery to bind the buttons:</p>

<pre><code>$(buttons).click(function(){
   alert("hello");
});
</code></pre>

<p>Or just select all the buttons to start with:</p>

<pre><code>$("button").click(function(){
   alert("hello");
});
</code></pre>

<p>The main point I'm trying to convey is that you most likely do not need to iterate over the button [] with <code>.forEach</code>.</p>


blocks|key|754693|text|如果这些按钮存在于一个共同的祖先中，那么绑定该父元素上的单击会更有效率。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|754694|$('.parent').on('click','button',function(e){
+++...
});|code-block|syntax|javascript|754695|如果这些按钮有一个共同的功能，那么这将使生活变得更容易-如果每个功能需要不同的行为，那么可以在按钮上使用数据属性，在那里您可以为每个按钮指定不同的执行方法。|754696|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>if these buttons exist within a common ancestor it would be more performant to bind the click on that parent element.</p>

<pre><code>$('.parent').on('click','button',function(e){
   ...
});
</code></pre>

<p>If these buttons have a common function then that makes life easier - if there is are different behaviours required for each function then look to use a data attribut on the button where you could specify a different method to execute for each.</p>


<p>So I have an array of buttons and when I try to assign for each one a click event like this
<code>button[i].bind("click", function() ... </code> it says the Object #  has no method "bind". </p>

<p>What can be the problem ? </p>


JQuery binding click event on HTMLButtonElement

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

因此，我有一个按钮数组，当我尝试为每个按钮分配一个单击事件时，它会告诉我button[i].bind("click", function() ... #没有方法"bind“。会有什么问题呢？

问HTMLButtonElement上的JQuery绑定单击事件
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTMLButtonElement上的JQuery绑定单击事件EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTMLButtonElement上的JQuery绑定单击事件
EN