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

我有一个列表，它是从一个php文件中加载的，我正在尝试获取这个列表中的文本。当我单击此列表时，控制台会给我一个referenceError。我将只显示带有注释的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>

$（函数（）{
var-desc；
$（'body'）。在（'click'，'clist'，function（）上{
desc=$（this.text（）；
控制台日志（desc）；
});
});

您错过了id选择器

HTML

---

阅读Jquery

您的选择器错误，因为

clist

是

li

元素的

id

，所以请使用

'clist'

而不是

'clist'

：

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

$（函数（）{
var-desc；
$（'body'）。在（'click'，'#clist'，函数（）上{
desc=$（this.text（）；
控制台日志（desc）；
});
});

有关更多信息，请参见

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