Jquery 获取单击的listview项的值

我这里有一个listview的示例代码，它包含项目，并在单击一个项目后重定向到另一个页面，但我想在重定向到另一个页面时获取我在listview中单击的项目的值。我猜这需要触发一个函数才能得到值，但我不知道从哪里开始

     <script type="text/javascript">


       var jsonCategory = '{"Categories":[{"category_id":"1", "car_name":"BMW"},{"category_id":"2", "car_name":"Chevrolet"},{"category_id":"3", "car_name":"Toyota"}]}';

                        var json_parsed = $.parseJSON(jsonCategory);

                        for (var u = 0; u < json_parsed.Categories.length; u++){
                            var cars= json_parsed.Categories[u];


         $('#categoryList').append('<li  data-categoryId = "'+cars.car_name+'"> <a href="#" >' + cars.car_name+ '</a>' );

            }
$('#categoryList').delegate('li', 'click', function() {
    var x = $(this).data('categoryid');
    alert(x);
});

                </script>                    


            </ul>


    </div>

这是我的密码：

<div id="ContentPage" data-role="page" >

    <div data-role="content">
        <ul id="viewlist" data-role="listview" data-filter="true" data-filter-placeholder="Contents" data-inset="true">
            <li><a href="#EditPage">apples</li>
            <li><a href="#EditPage">cats</li>
            <li><a href="#EditPage">bears</li>
            <li><a href="#EditPage">cat</li>
            <li><a href="#EditPage">dog</li>
            <li><a href="#EditPage">tiger</li>
            <li><a href="#EditPage">chicken</li>
        </ul>
    </div>

</div>


<div id="EditPage" data-role="page" >

    <div data-role="header" data-position="fixed">
        <a href="#ContentPage" data-role="button" data-icon="back">BACK</a>
    </div>

    <div data-role="content">
            //i want to display the item i clicked from the listview here
    </div>

</div>

     <script type="text/javascript">


       var jsonCategory = '{"Categories":[{"category_id":"1", "car_name":"BMW"},{"category_id":"2", "car_name":"Chevrolet"},{"category_id":"3", "car_name":"Toyota"}]}';

                        var json_parsed = $.parseJSON(jsonCategory);

                        for (var u = 0; u < json_parsed.Categories.length; u++){
                            var cars= json_parsed.Categories[u];


         $('#categoryList').append('<li  data-categoryId = "'+cars.car_name+'"> <a href="#" >' + cars.car_name+ '</a>' );

            }
$('#categoryList').delegate('li', 'click', function() {
    var x = $(this).data('categoryid');
    alert(x);
});

                </script>                    


            </ul>


    </div>

//我想在这里显示我从列表视图中单击的项目

我现在被这个问题困扰着，有点困惑。任何帮助或建议都将被欣然接受。提前感谢。

您可以使用来处理单击事件

$('#viewlist li').click(function(e){
   e.preventDefault();
   alert($(this).text());
});

     <script type="text/javascript">


       var jsonCategory = '{"Categories":[{"category_id":"1", "car_name":"BMW"},{"category_id":"2", "car_name":"Chevrolet"},{"category_id":"3", "car_name":"Toyota"}]}';

                        var json_parsed = $.parseJSON(jsonCategory);

                        for (var u = 0; u < json_parsed.Categories.length; u++){
                            var cars= json_parsed.Categories[u];


         $('#categoryList').append('<li  data-categoryId = "'+cars.car_name+'"> <a href="#" >' + cars.car_name+ '</a>' );

            }
$('#categoryList').delegate('li', 'click', function() {
    var x = $(this).data('categoryid');
    alert(x);
});

                </script>                    


            </ul>


    </div>

     <script type="text/javascript">


       var jsonCategory = '{"Categories":[{"category_id":"1", "car_name":"BMW"},{"category_id":"2", "car_name":"Chevrolet"},{"category_id":"3", "car_name":"Toyota"}]}';

                        var json_parsed = $.parseJSON(jsonCategory);

                        for (var u = 0; u < json_parsed.Categories.length; u++){
                            var cars= json_parsed.Categories[u];


         $('#categoryList').append('<li  data-categoryId = "'+cars.car_name+'"> <a href="#" >' + cars.car_name+ '</a>' );

            }
$('#categoryList').delegate('li', 'click', function() {
    var x = $(this).data('categoryid');
    alert(x);
});

                </script>                    


            </ul>


    </div>

使用防止浏览器在单击事件时执行默认操作。

     <script type="text/javascript">


       var jsonCategory = '{"Categories":[{"category_id":"1", "car_name":"BMW"},{"category_id":"2", "car_name":"Chevrolet"},{"category_id":"3", "car_name":"Toyota"}]}';

                        var json_parsed = $.parseJSON(jsonCategory);

                        for (var u = 0; u < json_parsed.Categories.length; u++){
                            var cars= json_parsed.Categories[u];


         $('#categoryList').append('<li  data-categoryId = "'+cars.car_name+'"> <a href="#" >' + cars.car_name+ '</a>' );

            }
$('#categoryList').delegate('li', 'click', function() {
    var x = $(this).data('categoryid');
    alert(x);
});

                </script>                    


            </ul>


    </div>

     <script type="text/javascript">


       var jsonCategory = '{"Categories":[{"category_id":"1", "car_name":"BMW"},{"category_id":"2", "car_name":"Chevrolet"},{"category_id":"3", "car_name":"Toyota"}]}';

                        var json_parsed = $.parseJSON(jsonCategory);

                        for (var u = 0; u < json_parsed.Categories.length; u++){
                            var cars= json_parsed.Categories[u];


         $('#categoryList').append('<li  data-categoryId = "'+cars.car_name+'"> <a href="#" >' + cars.car_name+ '</a>' );

            }
$('#categoryList').delegate('li', 'click', function() {
    var x = $(this).data('categoryid');
    alert(x);
});

                </script>                    


            </ul>


    </div>

     <script type="text/javascript">


       var jsonCategory = '{"Categories":[{"category_id":"1", "car_name":"BMW"},{"category_id":"2", "car_name":"Chevrolet"},{"category_id":"3", "car_name":"Toyota"}]}';

                        var json_parsed = $.parseJSON(jsonCategory);

                        for (var u = 0; u < json_parsed.Categories.length; u++){
                            var cars= json_parsed.Categories[u];


         $('#categoryList').append('<li  data-categoryId = "'+cars.car_name+'"> <a href="#" >' + cars.car_name+ '</a>' );

            }
$('#categoryList').delegate('li', 'click', function() {
    var x = $(this).data('categoryid');
    alert(x);
});

                </script>                    


            </ul>


    </div>

var jsonCategory='{“Categories”：[{“category_id”：“1”，“car_name”：“BMW”}，{“category_id”：“2”，“car_name”：“Chevrolet”}，{“categority_id”：“3”，“car_name”：“Toyota”}]}；
var json_parsed=$.parseJSON（jsonCategory）；
for（var u=0；u”）；
}
$（'#categoryList'）。委托（'li'，'click'，函数（）{
var x=$（this.data（'categoryid'）；
警报（x）；
});

     <script type="text/javascript">


       var jsonCategory = '{"Categories":[{"category_id":"1", "car_name":"BMW"},{"category_id":"2", "car_name":"Chevrolet"},{"category_id":"3", "car_name":"Toyota"}]}';

                        var json_parsed = $.parseJSON(jsonCategory);

                        for (var u = 0; u < json_parsed.Categories.length; u++){
                            var cars= json_parsed.Categories[u];


         $('#categoryList').append('<li  data-categoryId = "'+cars.car_name+'"> <a href="#" >' + cars.car_name+ '</a>' );

            }
$('#categoryList').delegate('li', 'click', function() {
    var x = $(this).data('categoryid');
    alert(x);
});

                </script>                    


            </ul>


    </div>

---

谢谢。这就是我需要的。将此标记为答案。@MarcIntes:很乐意帮助：）

     <script type="text/javascript">


       var jsonCategory = '{"Categories":[{"category_id":"1", "car_name":"BMW"},{"category_id":"2", "car_name":"Chevrolet"},{"category_id":"3", "car_name":"Toyota"}]}';

                        var json_parsed = $.parseJSON(jsonCategory);

                        for (var u = 0; u < json_parsed.Categories.length; u++){
                            var cars= json_parsed.Categories[u];


         $('#categoryList').append('<li  data-categoryId = "'+cars.car_name+'"> <a href="#" >' + cars.car_name+ '</a>' );

            }
$('#categoryList').delegate('li', 'click', function() {
    var x = $(this).data('categoryid');
    alert(x);
});

                </script>                    


            </ul>


    </div>