不能在 jquery ui 可排序事件中的 $.each 函数中使用 $(this)

Question

我无法从其中获取 $(this)。我正在尝试在移动一行后重置表格的 css。 “#newTaskBody”是 tbody 的 id。 “.newProjectTask”是s的类。

// make the table sortable;
$("#newTaskBody").sortable({
    stop: function() {
        var counter = 0;
        $.each(".newProjectTask", function() {
            console.log(this.id);
            if(counter == 0)
            {
                $(this).removeClass("even odd");
                $(this).addClass("even");
                counter = 1;
            }
            else
            {
                $(this).removeClass("even odd");
                $(this).addClass("odd");
                counter = 0;
            }
        });
    }
});

console.log(this.id);尽管我正在测试 4 行，但返回 undefined 15 次。我尝试过“停止”、“更新”和“更改”事件。

Answer 1

您将 string 即 ".newProjectTask" 传递给每个函数，而不是具有类 newProjectTask 的元素。每次迭代都会给出you character of the string，要查看发生了什么，请查看demo

改变

$.each(".newProjectTask", function() {

到

$.each($(".newProjectTask"), function() {

这就是你将如何获取每个元素的方式

Live Demo

<div id="div1" class="newProjectTask" > div1 </div>
<div id="div1"  class="newProjectTask" > div2 </div>
<div id="div1"  class="newProjectTask" > div3 </div>


​$.each($(".newProjectTask"), function() {
    alert(this.id)
})

最好使用每个版本的其他版本，即$('.newProjectTask').each(，而不是您使用的版本。​

$(".newProjectTask").each( function() {
    alert(this.id)
})