如何在jqxTabs中获取数据属性

Question

我具有以下jqxTabs结构，单击选项卡标题时我想获取数据属性值。有什么方法可以获取data属性的值？

<div class="jqxCustomTab" id="genReport"> 
    <ul class="jqxTabNav">                                      
        <li data-target="jqxTab1">Tab 1</li> 
        <li data-target="jqxTab2">Tab 2</li> 
        <li data-target="jqxTab3">Tab 3</li>
        <li data-target="jqxTab4">Tab 4</li> 
    </ul>
    <div class="jqxTabPanel" id="jqxTab1">Tab 1 content</div> 
    <div class="jqxTabPanel" id="jqxTab2">Tab 2 content</div>
    <div class="jqxTabPanel" id="jqxTab3">Tab 3 content</div>
    <div class="jqxTabPanel" id="jqxTab4">Tab 4 content</div>
</div>

以下是jqxTabs初始化和tabClick代码。在tabClick上，我要获取数据属性值（数据目标）。

在以下代码中，我得到了标签标题文本，但我不想标题。

$('#genReport').jqxTabs({
    theme : "arctic",
    keyboardNavigation : false
}).on('tabclick', function(event) {
    var item = event.args.item;         
    var title = $('#genReport').jqxTabs('getTitleAt', item);
    switch (title) {
    case "Tab 1":
        initTab1Content();
        break;
    case "Tab 2":
        initTab2Content();
        break;              
    case "Tab 3":
        initTab3Content();
        break;          
    case "Tab 4":
        initTab4Content();              
        break;
    }
});