他のjQueryの質問に非常に似て、私はあなたがこのようにそれを行うことができますどのように純粋なD3コードulの中のLiのインデックスが、D3を使用して、いないのjQuery
-1
A
答えて
1
これはD3の選択がどのように働くか理解にダウンしています。あなたが選択を扱い、消費する関数を提供するときはいつでも、標準的なパラメータセットを持っています。このすべてがdocumentationで提供されています:
d
がインデックスパラメータがあり、その要素i
にバインドされたデータを表しデータムパラメータであり、これはあなたが後にしているビットです!
this
は、あなたが扱っているDOM要素を表します。
ですから、例えば次のようになります。
d3.selectAll("li")
.each(function(d, i) {
console.log("This <li> tag " + i);
});
1
と同じことを達成するために周りに取得することはできません。
d3.selectAll('li')
.attr('color',function(d,i){
console.log(this,i);
})
私は、コンソールであなたがインデックスを見ることができる謎を作りました。
関連する問題
- 1. ul内のliのインデックスを取得していますか?
- 2. ul liを使用したjQueryフィルタリスト
- 3. jQueryを使用したDropdown ul li
- 4. ul liのjQueryの問題
- 5. ul li onclick jquery
- 6. jqueryを使用しないでUL LIをaccordionに変換します
- 7. jqueryを使用してul liを動的に作成する
- 8. jqueryのhidden ulからliを選択
- 9. Jquery-ULアライメントを使用しているときのULのアライメントの問題
- 10. ul/liのjQueryアニメーション検索ボックス
- 11. jquery li binding ul構文の問題
- 12. jquery ul li first-child変更の色
- 13. PHPドキュメントのJavascript/jquery ul/liアニメーション?
- 14. CSSの最大幅がul li divで機能しない
- 15. json to nested ul li jquery/javascript
- 16. ソート・リストのUL->異なるIDの機能中のLi
- 17. jQuery - ul内のすべてのliの幅を取得
- 18. "ul"が含まれていないすべての "li"を選択
- 19. 「UL」用のAndroid Nに呼び出されていないHTMLタグ・ハンドラ、「LI」を
- 20. liのjqueryのグループの周りにulをラップします。
- 21. UL内のLIのアライメントを使用したCSS
- 22. jQuery ul liのすべての入力を選択
- 23. JSONデータに基づいてulとliを作成するjquery
- 24. 子liはjquery sortableを使用して親ulと一緒に動いていません
- 25. jQueryを使用してHTML ul> liを3列に変換する
- 26. jQueryでli 'sa ulを入れて別のulに入れる方法
- 27. css:ul li ul li height
- 28. チェックulに特定のクラスのliがある、jQuery
- 29. レンダリングul liのリストは親のjqueryに従って
- 30. jqueryのたびに新しいulとliを追加します
ありがとうございました。インデックスを取得した後、d3.select(ul).properties( "ScrollTo"、index)を使用してscrollerを移動することが可能です –
@LoredraLこれは別の質問です。しかし、 'this'は実際の要素であるので、スクロールしたい要素を知っていれば、この答えに示されているような関数に' this'を渡すことができますhttp://stackoverflow.com/質問/ 4801655 /特定の要素をページ上に移動する方法。重要なのは '$(this).offset()。top + 'px''です。 – Ian