Question

可能很简单，但我无法找到解决方案，成为选择者的NewBie：

这是我的HTML：

<div data-role="popup" id="BookmarksPopup">
    <ol id=listBookmarksPopup data-role=listview data-inset=false data-theme="e">
        <li><a name="APopupOption3" data-icon="home" onclick="SaveBookmark()">Bookmark this Audio</a></li>
        <li><a name="APopupOption4" data-icon="home" onclick="SaveBookmarkPage()">Bookmark this Page</a></li>
        <li><a name="APopupOption5" data-icon="home" onclick="DeleteBookmarks()">Delete Bookmarks</a></li>
        <li><a name="APopupOption6" data-icon="home" onclick="displayMenu()">My Bookmarks</a></li>
    </ol>
</div><!-- /popup BookmarkPopup-->

在JavScript中，我想基于“name”属性执行一些功能。这是我的JS代码：

$(document).ready(function(){
  $("ol > li").click(function(){
    alert( $(this).attr('name') );
  });
});

但警告（$（this）.attr（'name'））返回“undefined”。任何人都可以帮忙。

由于

Answer 1

在您提供的DOM结构中，LI tag没有任何名为“name”的属性。我这样说是因为您的$(this)对象将指向当前被点击的Li tag，因此为了获得anchor tag内的属性，您应该使用{{1选择它，它是点击的.find()的后代。请在此阅读以了解有关.find()

的更多信息

尝试，

LI tag

DEMO

或者，如果您想选择这些$(document).ready(function(){ $("ol > li").click(function(){ alert( $(this).find('a').attr('name') ); }); });代码并将anchor与其绑定，

尝试，

click

如何在PhoneGap中使用JQuery Selector

1 个答案:

DEMO

DEMO I