使用DOM按顺序识别数字
use DOM to identify a number in sequence
我很确定我可以更好地表达标题,但我很难把它表达出来。
我有一系列相同的DOM元素:
<div class="some_element"></div>
<div class="some_element"></div>
<div class="some_element"></div>
是否可以使用jQuery确定正在处理子序列中的哪个数字,以便我可以单独处理它们?
$.each($('div'), function(index, value) {
// value is the current element in the iteration.
value.text('div ' + index);
});
// Iterate through the elements
$(".some_element").each(function(){
// Get the index (zero-based)
var itemIndex = $(this).index();
// ???
$(this).html(itemIndex);
// Profit!
});
<div class="some_element">1</div>
<div class="some_element" id="id2">2</div>
<div class="some_element">3</div>
$('#id2').index(); // 1 since it's a zero-based index
如果标记稍微复杂一点:
<div class="some_element">1</div>
<span class="some_other_element">useless</span>
<div class="some_element" id="id2">2</div>
<div class="some_element">3</div>
$('#id2').index(); // 2 since it looks at all the siblings
$('#id2').index('.some_element'); // 1 again, that's better
最后,如果您有一个自定义的jquery对象:,它可能会变得更加复杂/自定义
$('.some_element')
.filter(function(){return Number($(this).text())<=2;}) // custom collection
.index($('#id2')); // 1
相关文章:
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 如何识别我的网站中的慢速设备
- 测试索引值是否等于某个数字的倍数
- Google/html5语音识别JavaScript SDK Chrome网络工具包SpeechRecognition
- 将数字转换为一定数量的硬币
- 键入最后一位数字后自动提交
- 如何在javascript中迭代数字列表
- Javascript逻辑运算符和字符串/数字
- node.js可以识别字符模式,但不能识别数字模式
- PHP函数识别3个数字中最低的一个并更改其类
- 如何从变量值中识别数字
- 如何识别数字是否为整数
- 如何使用JS识别字符串中的数字
- 如何让Typescript将数字识别为数字
- Gridview在javascript中,识别一系列数字
- JavaScript中的区域识别数字转换
- Javascript格式的10或11位数字的电话号码和识别1800电话号码
- 使用DOM按顺序识别数字
- 它在输入数字时不会识别“intQuantity”值,只是假设它的ALL true=/
- 识别一个数字/字符串是否包含数字6