Как получить список выбранных идентификатора и href текст?

0

У меня есть динамический список, который id и text являются динамическими с сервера.

Для простоты позвольте сказать что-то вроде этого:

<ul id="productslist" data-role="listview" data-inset="true">
    <li data-role="list-divider">Products</li>
    <li id="123"><a href="" onclick="check();">#copper 1</a></li>
    <li id="124"><a href="" onclick="check();">#copper 2</a></li>
</ul>

Мне нужно получить идентификатор списка и имя продукта. (Я не знаю значения id, так как он будет динамическим)

Какие-либо предложения?

    <!DOCTYPE html> 
<html> 
<head> 
    <title>Testing</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
        <script>

          $(document).on("pageinit","#test1",function(){   

           }); 

         $(document).on("pagebeforeshow","#test1",function(){

          //dynamic list with    


         });

         function check(){
          var href = $(this).attr('href');
          var id = $(this).parent().attr('id');   

         alert('href :'+id+' ,value:'+id);       
        };

         </script>       
</head> 
<body> 

<div data-role="page" id="test1">
     <div data-role="header">
    <h1 style="white-space: normal;margin-left:60px;" id="headertitle"></h1>
            <a href='menu.html'  class='ui-btn-right' data-icon='home' data-theme="a" >Home</a>
    </div><!-- /header -->

        <div data-role="content">
        <h4>List #</h4>

         <ul id="productslist" data-role="listview" data-inset="true">
            <li data-role="list-divider">Products</li>
            <li id="123"><a href="" onclick="check(this);">#copper 1</a></li>
            <li id="124"><a href="" onclick="check(this);">#copper 2</a></li>
            <li id="125"><input type="button" value="#copper 3" onclick="check();"></li>
         </ul>

        <input type="button" onclick="openProduct('data');" value="Click"/>

    </div><!-- /content -->

    <div data-role="footer" data-position="fixed">
        <h4></h4>
    </div><!-- /footer -->

</div><!-- /page -->
</body>
</html>
  • 0
    Что вы имеете в виду? Я хочу получить 123, # copper1, когда нажимаю на элемент списка.
Теги:
jquery-mobile

1 ответ

3
Лучший ответ

Использовать .on()

$('#productslist').on('click','a',function(e){
    e.preventDefault();//stop default behavior of anchor tag
    var href = $(this).text();
    var id = $(this).parent().attr('id'); //get parent li id
});


Демо-версия скрипта
onclick="check(this);"


Поместите этот код в голову или в конец страницы
function check(el) {
    var txt = $(el).text();
    var id = $(el).closest('li').attr('id');
    alert('id : ' + id + ' ,  value: ' + txt);
};
  • 0
    Это дает неопределенные значения. Что мне не хватает?
  • 0
    @ user3023313 введите свой код здесь - >> jsfiddle.net '
Показать ещё 6 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню