jQuery基本:处理赏罚多个选择功效(each迭代要领)
发布时间：2018-08-13 13:54:35 所属栏目：业界 来源：站长网
导读：jQuery 提供.each()要领来对选中的功效举办轮回处理赏罚，并且在每次执行函数时，城市给函数转达匹配元素在选中功效里所处位置的数字值作为参数（从零开始的整形变量）。返回 'false' 将遏制轮回 (就像在平凡的轮回中行使 'break')。返回 'true' 跳至下一个循
|
jQuery提供.each()要领来对选中的功效举办轮回处理赏罚，并且在每次执行函数时，城市给函数转达匹配元素在选中功效里所处位置的数字值作为参数（从零开始的整形变量）。返回 'false' 将遏制轮回 (就像在平凡的轮回中行使 'break')。返回 'true' 跳至下一个轮回(就像在平凡的轮回中行使'continue')。 例子一 <ul> <li>第一列</li> <li>第二列</li> <li>第三列</li> </ul> <button>选中全部列</button> //行使下面的jQuery代码，点击按钮后，全部列将被选择，而且在每列后加上index $(document).ready(function() { $('button').click(function(){ $('li').each(function(index){ var str = "<b>"+index+"</b>"; $("li:eq("+index+")").append(str); }); }); }); //留意：index是从零开始的整形变量。 例子二 <ul> <li>第一列</li> <li>第二列</li> <li class="mark">第三列</li> <li class="mark">第四列</li> </ul> <button>选择列</button> //行使下面的jQuery代码,点击按钮后，class为“mark”的列将被选择 $(document).ready(function() { $('button').click(function(){ $('li').each(function(index){ if ($(this).is(".mark")){ this.style.color = 'blue'; } }); }); }); //假如我们只想选第一个class为"mark"的列，可以行使return false，遏制轮回 $(document).ready(function() { $('button').click(function(){ $('li').each(function(index){ if ($(this).is(".mark")){ this.style.color = 'blue'; return false; //留意这个return } }); }); }); 留意：在上述例子里，我用到了$(this)和this, 前者是jQuery工具，后者是DOM工具。jQuery工具具有is要领，但不具有style要领，同理，DOM工具具有style要领，但不具有is要领。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读