or
<ul data-role="buttongroup" data-bind="index: selectedTabIndex, events: { select: tabSelected }"> <li>Item1</li> <li>Item2</li> <li>Item3</li></ul>$('#teamStatsPage #teamPlayersDiv').kendoDraggable({ filter: 'li span.k-header', hint: function (item) { //parse HTML to get player ID var currentPlayerHTML = $.parseHTML(item.context.innerHTML); return $(item).clone().css({ background: "#CCCCCC", height: "30px", width: "200px", opacity: "0.5", border: "1px solid #666666", "text-align": "center" }).html(item[0].innerText).attr("data-id",$(currentPlayerHTML)[1].attributes[0].value); }, dragend: draggableOnDragEnd, dragstart: draggableOnDragStart });<span class="k-link k-header" <img class="k-image" alt="" src="http://srvprd.blob.core.windows.net/xxx/20110.jpg"> <span data-id="1302">John</span> <span class="k-icon k-i-arrow-s k-panelbar-expand"></span></span>