blocks|key|4148780|text|我想像这样的东西应该行得通：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4148781|jQuery('#add_slider_image').click(function()+{

++++var+count+=+jQuery("input[name='sliderbut']").length;

++++if+(count+<+5){
++++++++jQuery('.form-table').append("<tr><td><input+type='text'+value=''+name='slider[]'+/><input+type='button'+name='sliderbut'+value='Upload'+/></td><tr>");
++++}
})|code-block|syntax|javascript|4148782|这里有一点简单的处理：http://jsfiddle.net/Daess/fukxu/|offset|length|4148783|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/Daess/fukxu/^0|0|0|B|W|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

I guess something like this should work: 

<pre><code>jQuery('#add_slider_image').click(function() {

 var count = jQuery("input[name='sliderbut']").length;

 if (count &lt; 5){
 jQuery('.form-table').append("&lt;tr&gt;&lt;td&gt;&lt;input type='text' value='' name='slider[]' /&gt;&lt;input type='button' name='sliderbut' value='Upload' /&gt;&lt;/td&gt;&lt;tr&gt;");
 }
})
</code></pre>

A bit simplified fiddle there: <a href="http://jsfiddle.net/Daess/fukxu/" rel="nofollow">http://jsfiddle.net/Daess/fukxu/</a>

blocks|key|355503|text|var+i+=+0
var+plus+=+%2B%2Bi;|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|355504|这部分意味着plus将始终为0且为i+==+1，因此您的rel属性始终为0。|unstyled|offset|length|style|CODE|355505|var+count+=+jQuery.('#button').attr('rel');|355506|您正在使用ID选择器。和ID每页只能存在一次。当你使用ID选择器时，你只得到第一个匹配的元素，这显然不是你想要的元素，因为你想要最后一个元素的数字。|355507|if(count=5){|355508|不要紧，因为现在你只需要告诉count等于5，alert就会一直执行。您正在寻找的是比较运算符==。|355509|要做到这一点，最简单的方法是去掉counts和whatnots，只需在插入之前检查是否已经有太多的元素：|355510|jQuery('#add_slider_image').click(function()+{

++++if($('.form-table+.myRow').length+<+5)+{
++++++++jQuery('.form-table').append('<tr+class="myRow"><td><input+type="text"+name="slider[]"+/><input+type="button"+name="sliderbut"+value="Upload"+class="button"+/></td><tr>');
++++}
});|355511|请注意，我添加了myRow类来帮助确定附加了哪些行，并将id="button"更改为class="button"。|355512|entityMap^0|0|6|4|H|6|S|3|10|1|0|0|0|0|E|5|N|5|1B|2|0|0|0|8|5|S|B|16|E|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|11|8|@$G|12|H|13|I|J]|$G|14|H|15|I|J]|$G|16|H|17|I|J]|$G|18|H|19|I|J]]|9|@]|A|$]]|$1|K|3|L|5|6|7|1A|8|@]|9|@]|A|$B|C]]|$1|M|3|N|5|F|7|1B|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1C|8|@]|9|@]|A|$B|C]]|$1|Q|3|R|5|F|7|1D|8|@$G|1E|H|1F|I|J]|$G|1G|H|1H|I|J]|$G|1I|H|1J|I|J]]|9|@]|A|$]]|$1|S|3|T|5|F|7|1K|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1L|8|@]|9|@]|A|$B|C]]|$1|W|3|X|5|F|7|1M|8|@$G|1N|H|1O|I|J]|$G|1P|H|1Q|I|J]|$G|1R|H|1S|I|J]]|9|@]|A|$]]|$1|Y|3|-4|5|F|7|1T|8|@]|9|@]|A|$]]]|Z|$]]

<pre><code>var i = 0
var plus = ++i;
</code></pre>

This part means that <code>plus</code> will always be zero and <code>i == 1</code>, so your <code>rel</code> attribute always reads <code>0</code>.

<pre><code>var count = jQuery.('#button').attr('rel');
</code></pre>

You are using an ID selector. And ID can exist only once per page. As you use an ID selector, you get only the first matched element which will obviously not be the one you want as you want the number in the last element.

<pre><code>if(count=5){
</code></pre>

..but it doesn't matter anyway because now you're just telling that <code>count</code> equals 5 and the <code>alert</code> will always execute. What you are looking for is the comparison operator <code>==</code>.

Easiest way to do this is to ditch the counts and whatnots, and just check if there are already too many elements before inserting:

<pre><code>jQuery('#add_slider_image').click(function() {

 if($('.form-table .myRow').length &lt; 5) {
 jQuery('.form-table').append('&lt;tr class="myRow"&gt;&lt;td&gt;&lt;input type="text" name="slider[]" /&gt;&lt;input type="button" name="sliderbut" value="Upload" class="button" /&gt;&lt;/td&gt;&lt;tr&gt;');
 }
});
</code></pre>

Note that I added the <code>myRow</code> class to help identify which rows are appended and changed the <code>id="button"</code> to <code>class="button"</code>.

blocks|key|3862303|text|当您尝试将"count“与数字5进行比较时，您必须使用==。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3862304|count+=+5会将count设置为5并始终返回true。如果您使用count+==+5，它会将您的变量与数字5进行比较，并根据变量的值返回true或false。|offset|length|style|CODE|3862305|另外，我认为你可以通过使用length来轻松计算按钮的数量，比如：$('.button').length应该返回带有类(而不是ID)的元素的数量"button“。|3862306|entityMap^0|0|0|9|Z|A|0|X|J|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]|$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|K|$]]

When you try to compare the "count" with the number 5 you have to use == instead.

<code>count = 5</code> will set count to 5 and always return true if you use <code>count == 5</code> it will compare your variable with the number 5 and return true or false, depending on the value of the variable.

Also I think you can easily count the number of buttons by using length, sth like: <code>$('.button').length</code> should return the number of elements with the class (not ID) "button".

blocks|key|355567|text|尝尝这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|355568|jQuery('#add_slider_image').click(function()+{
++++var+myHTML+=+"";
++++var+current_count+=+jQuery('.form-table+tr').length();
++++if+(current_count+>=+5)+return;
++++for+(var+i+=+current_count;+i+<=+5;+i%2B%2B)+{
++++++++myHTML+%2B=+"<tr><td><input+type'text'+value=''+name='slider[]'+/><input+type='button'+name='sliderbut'+value='Upload'+id='button"+%2B+plus+%2B+"'+rel='"+%2B+plus+%2B+"'+/></td><tr>";
++++}
++++//touch+DOM+once
++++jQuery('.form-table').append(myHTML);
});|code-block|syntax|javascript|355569|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|$]]

Try this.

<pre><code>jQuery('#add_slider_image').click(function() {
 var myHTML = "";
 var current_count = jQuery('.form-table tr').length();
 if (current_count &gt;= 5) return;
 for (var i = current_count; i &lt;= 5; i++) {
 myHTML += "&lt;tr&gt;&lt;td&gt;&lt;input type'text' value='' name='slider[]' /&gt;&lt;input type='button' name='sliderbut' value='Upload' id='button" + plus + "' rel='" + plus + "' /&gt;&lt;/td&gt;&lt;tr&gt;";
 }
 //touch DOM once
 jQuery('.form-table').append(myHTML);
});
</code></pre>

blocks|key|4149015|text|您必须将计数器变量放在事件处理程序之外，否则每次都将从零重新开始。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4149016|您应该将添加元素的代码放在if语句中，以便显示消息或添加元素。|4149017|当您已经拥有值时，从刚才添加的按钮中读取值是没有意义的。此外，id应该是唯一的，因此您不会从最后一个按钮获得值，而是从第一个按钮获得值。|4149018|比较运算符是==，如果您使用=，您将改为为变量赋值，因此条件将始终为真。|offset|length|style|CODE|4149019|$(document).ready(function(){

++var+sliderCount+=+0;

++jQuery('#add_slider_image').click(function()+{

++++if+(sliderCount+==+5)+{
++++++alert('Limit+reached');
++++}+else+{
+++++++sliderCount%2B%2B;
+++++++jQuery('.form-table').append('<tr><td><input+type="text"+value=""+name="slider[]"+/><input+type="button"+name="sliderbut"+value="Upload"+rel="'%2B+sliderCount+%2B'"+/></td><tr>');
++++}

++});

});|code-block|syntax|javascript|4149020|entityMap^0|0|0|0|6|2|E|1|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@$H|W|I|X|J|K]|$H|Y|I|Z|J|K]]|9|@]|A|$]]|$1|L|3|M|5|N|7|10|8|@]|9|@]|A|$O|P]]|$1|Q|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|R|$]]

You have to put the counter variable outside the event handler, otherwise you will be starting over from zero each time.

You should put the code that adds the elements inside the if statement, so that you either show a messare or add the elements.

There is no point in reading the value from the button that you just added, when you already have the value. Besides, an id should be unique, so you would not get the value from the last button but the first.

The comparison operator is <code>==</code>, if you use <code>=</code> you will instead assign a value to the variable, so the condition would always end up being true.

<pre><code>$(document).ready(function(){

 var sliderCount = 0;

 jQuery('#add_slider_image').click(function() {

 if (sliderCount == 5) {
 alert('Limit reached');
 } else {
 sliderCount++;
 jQuery('.form-table').append('&lt;tr&gt;&lt;td&gt;&lt;input type="text" value="" name="slider[]" /&gt;&lt;input type="button" name="sliderbut" value="Upload" rel="'+ sliderCount +'" /&gt;&lt;/td&gt;&lt;tr&gt;');
 }

 });

});
</code></pre>

I'm adding text fields with a onclick. What I'm trying to do is limit the amount of boxes to about 5.

I also need to increment the number to use as an ID.

my code: 

<pre><code>jQuery('#add_slider_image').click(function() {

 var i = 0
 var plus = ++i;


 jQuery('.form-table').append("&lt;tr&gt;&lt;td&gt;&lt;input type'text' value='' name='slider[]' /&gt;&lt;input type='button' name='sliderbut' value='Upload' id='button' rel='"+ plus +"' /&gt;&lt;/td&gt;&lt;tr&gt;");

 var count = jQuery.('#button').attr('rel');

 if(count=5){
 alert('Limit reached');
 }
 })
</code></pre>

THanks

Jquery increment numbers with a limit of 5

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

我正在使用onclick添加文本字段。我想要做的是将盒子的数量限制在5个左右。我还需要将数字递增以用作ID。我的代码：jQuery('#add_slider_image').click(function() {        var i = 0        var plus = ++i;        jQuery(...

问Jquery递增数字，限制为5
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery递增数字，限制为5EN