使用Kendo UI for Mobile或JQuery滚动内容视图页面时，如何获取当前的div ID？

Question

I'd like to get the id of the div displayed in the center of the screen.

Basically, the user can see several events in the app scrolling down or up. I have a map at the top of the screen and I'd like that For each event the user is currently viewing (so the div in the list is in the middle of the screen) I'd like to grab its id (or data attribute) to reposition the map properly with a js function.

The js function is fine, but I don't know how to get the Id of a div displayed at the center of the list ( data-role="content" ). If Kendo UI mobile doesn't provide such functionnality, is it doable with jQuery ?

EDIT: I'd like to give more precision to my issue: I'm looking to get the divs id, that are inside my div[data-role='content'], in a list. So in within my view and my content block, when scrolling through the divs (displayed like a list) I'd like to get the id of the div currently displayed in my content div(1 div is the side of the content div).

Answer 1

Depends on what you need.

You can use the view() method of the Application to retrieve the current View and the contentElement() method of the View to retrieve its content holder element (if you need it for DOM manipulation of its contents). If you need just the content element, you can use the content property . Something like that for the current Application:

var content = kendo.mobile.application.view().contentElement();