javascript - 单击列表时获取文本值 - jQuery Mobile

Question

我有一个正在从 php 文件加载的列表，我正在尝试获取此列表中的文本。当我单击此列表时，控制台会给我一个引用错误。我将仅显示带有注释的 HTML 代码，其中数据是从 php 添加的。

<div data-demo-html="true">
    <ul data-role="listview" data-theme="a" data-split-theme="b" data-split-icon="plus" data-inset="true" id="courselist">
    <!-- Data below loaded from PHP-->
    <li id="clist">
    <a href="#page">
    <h2> text loaded here </h2>
    </a>
    </li>
    </ul>
    <!-- Data loading finished from PHP -->
</div>

<script>
$(function(){
var desc;
$('body').on('click','clist',function(){
    desc = $(this).text();
    console.log(desc);
});
});
</script>

Answer 1

您的选择器错误，因为 clist 是 li 元素的 id，因此请使用 '#clist' 代替'clist':

<script>
$(function(){
var desc;
$('body').on('click','#clist',function(){
    desc = $(this).text();
    console.log(desc);
});
});
</script>

参见jQuery Selector API 了解更多信息