jQuery .each() – 实用?

前端之家收集整理的这篇文章主要介绍了jQuery .each() – 实用?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在努力尝试更好地了解 jQuery.each()方法。这里有一个例子,我想出了,不是很实用,但它对选定的元素执行一个操作从选定的元素集返回:
// Loop over each link.
$( "#links a.number" ).each(

// For each number,run this code. The "intIndex" is the 
// loop iteration index on the current element.
function( intIndex ){

// Bind the onclick event to simply alert the iteration index value.
    $( this ).bind ("click",function(){
        alert( "Numbered index: " + intIndex );
    });
});

什么是在你的代码中使用的.each方法的实际使用的一些例子? $(this)代表什么?

解决方法

注意有两种类型的jQuery的每一个,一个迭代和返回jQuery对象,另一个是更通用的版本。

核心/每个
示例:在页面上创建所有href的csv。 (对匹配的DOM元素进行迭代,“this”表示当前元素)

var hrefs = "";

 $("a").each(function() { 
     var href = $(this).attr('href');
     if (href != undefined && href != "") {
         hrefs = hrefs + (hrefs.length > 0 ? "," + href : href);
     }
 });

 alert(hrefs);

实用程序/ jQuery.each
迭代数组或对象的元素:(通过:
jQuery Documentation)

$.each( { name: "John",lang: "JS" },function(i,n){
  alert( "Name: " + i + ",Value: " + n );
});

$.each( [0,1,2],n){
  alert( "Item #" + i + ": " + n );
});
原文链接:https://www.f2er.com/jquery/184001.html

猜你在找的jQuery相关文章