2017-02-17 57 views
0

所以我得到<ol>當我點擊一個列表項時,我想在控制檯中記錄該項的特定索引。我想這樣的代碼:獲取列表子相對於父項的索引

$("ol").click(function (e) { 
    var source = $(e.target); 
    var nthchild = source.index() + 1; 
    if(source.is("li")){ 
     console.log(nthchild); 
    } 
}); 

我補充說,+ 1這樣我就可以把它作爲第n個孩子之後。 但是這段代碼不起作用。怎麼了? 這裏,如果你已經選擇綁定到包裝我Codepen

+2

它不重複。他的錯誤來自使用jQuery UI中的<>選項,它干擾了.click事件。 –

+0

所以我試過'var index = $(「ol li.ui-selected」)。index(); console.log(index);'那也沒用 –

回答

1
I modified your codepen javascript into this: 

$(function() { 
    $("#selectable").selectable({ 
     selecting: function(event, ui) { 
      console.log($(ui.selecting).index()) 
     } 
    }); 
}) 

點擊事件將無法工作。你在裏面有一個叫做的方法:選擇,它應該做的伎倆。

希望它有幫助!