使用jquery获取li的ID_Jquery_Html

使用jquery获取li的ID

jquery html

使用jquery获取li的ID,jquery,html,Jquery,Html,你有一个输入错误：）错过了$ $('li').click(function() { var listId = (this).attr('id'); alert($(this).attr('id')); }) $（文档）.ready（函数（）{ $（'li'）。单击（函数（）{ var listId=$（this.attr（'id'）；警报（$（this.attr（'id'））； }) }); 咖啡茶牛奶您有一个输入错误：）错过了$ $('li').click(fu

你有一个输入错误：）错过了$

$('li').click(function() {
    var listId = (this).attr('id');
    alert($(this).attr('id'));
})


$（文档）.ready（函数（）{
$（'li'）。单击（函数（）{
var listId=$（this.attr（'id'）；
警报（$（this.attr（'id'））；
})
});

咖啡
茶
牛奶

您有一个输入错误：）错过了$

$('li').click(function() {
    var listId = (this).attr('id');
    alert($(this).attr('id'));
})


$（文档）.ready（函数（）{
$（'li'）。单击（函数（）{
var listId=$（this.attr（'id'）；
警报（$（this.attr（'id'））；
})
});

咖啡
茶
牛奶

您忘记在“（this.attr（'id'）；”前面加“$”

改变

<!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
    $('li').click(function() {
        var listId = $(this).attr('id');
        alert($(this).attr('id'));
    })

    });
    </script>
    </head>
    <body>
    <div id='test'></div>

    <ul style="list-style-type:square">
      <li id='id_1'>Coffee</li>
      <li id='id_2'>Tea</li>
      <li id='id_3'>Milk</li>
    </ul>


    </body>
    </html>

到

您忘了在“（this.attr（'id'）；”前面加“$”

改变

<!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
    $('li').click(function() {
        var listId = $(this).attr('id');
        alert($(this).attr('id'));
    })

    });
    </script>
    </head>
    <body>
    <div id='test'></div>

    <ul style="list-style-type:square">
      <li id='id_1'>Coffee</li>
      <li id='id_2'>Tea</li>
      <li id='id_3'>Milk</li>
    </ul>


    </body>
    </html>

到

因此，问题似乎是在

（this.attr（'id'）之前缺少$

你有
var listId=（this.attr（'id'）
哪个应该改成
var listId=$（this.attr（'id'）

$（'li'）。单击（函数（）{
var listId=$（this.attr（'id'）；
警报（listId）；
})


列出项目1
列出第2项
列出第3项
所以问题看起来像是在（this.attr（'id'）之前缺少$

你有
var listId=（this.attr（'id'）
哪个应该改成
var listId=$（this.attr（'id'）

$（'li'）。单击（函数（）{
var listId=$（this.attr（'id'）；
警报（listId）；
})


列出项目1
列出第2项
列出第3项
您输入了一个错误，您缺少了获取id的$
：var listId=$（this.attr（'id'）。还要检查HTML是否正确生成。你在引号周围有一些奇怪的语法。@freedomn-m我的意思是更多的字符串文本的冗余附加，即。“this”+“this”
如果你有一个输入错误，你会丢失获得id的$
：var listId=$（this.attr（'id'）。还要检查HTML是否正确生成。引号周围有一些奇怪的语法。@freedomn-m我的意思是更多的字符串文本的冗余附加，即。“this”+“that”
$(this).attr('id');