JQuery UI可以排序什么值是什么?

时间:2014-03-24 23:40:37

标签: jquery jquery-ui

我对这个JQuery用户界面非常困惑,我甚至不知道什么是代表什么。我有这段代码:

// Iterate over all of the list items
    $("#sortable").children('ul li').each(function(index, item){

 // Set each items "alt" attribute to it's corresponding spot in the list.
 // Added +1 so that it uses numbers 1-7 instead of 0-6
    $("#house_wall1").children($item).attr('alt', index + 1)

我唯一要求的是对indexitem在此示例中应代表什么的解释。 API中有itemindex个预定义变量吗?或者这个变量我是否必须自己定义?在这种情况下,什么变量应该是什么?我试图通过设置一个包含图像名称的列表来更改某些图像alt值,alt值将代表它们在列表中的位置。

先谢谢,我真的很困惑。

1 个答案:

答案 0 :(得分:1)

the method each in jQuery传递了2个属性,即循环的indexInArrayvalueOfElement

这与:

相同
var items = [ ... ];
for(index = 0; index < items.length; index++) {
    var item = items[index];
}

所以,index它是您当前的索引(数组索引以0开头)和项目,它是当前项目。

在您的情况下,您为function找到的每个节点调用$("#sortable").children('ul li'),换句话说,<li> <ul>个元素children属于sortable ...

的元素的$("#sortable") // find the element that has id = sortable .children('ul li') // in that sortable element, find all <li> .each( // for each element found do: function(index, item) // as this an abbreviation of a for loop, { // use index and item $("#house_wall1") // find the element with id = house_wall1 .children($item) // find the item (this case, it's an <li>) .attr('alt', index + 1) // set the attribute alt to index+1 }

有意义吗?如果没有,这是逐行的:

{{1}}