Question

<li id ="+ "'" + response.set[i].LessonID + "'" +">" + response.set[i].no_of_questions[x].informed + "</li>"

上面的代码应该将列表项的ID设置为json数组中的变量。我的问题是我希望能够从生成的列表中选择ID并将其存储在本地变量中。有人可以帮忙吗？我想要特定于这种情况的东西。这是我使用的代码：

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

Answer 1

你有一个错字:)错过了$

<!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>

Answer 2

你忘记在“（this）.attr（'id'）;”

之前加上“$”

更改

(this).attr('id');

到

$(this).attr('id');

Answer 3

因此问题似乎在$

之前遗漏(this).attr('id');

你有

var listId = (this).attr('id');

应改为

var listId = $(this).attr('id');

＆＃13;

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
  <li id="li1">List Item 1</li>
  <li id="li2">List Item 2</li>
  <li id="li2">List Item 3</li>
<ul>

＆＃13;

这是另一种点击方式（这是我通常用来点击的方式）

＆＃13;

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
  <li id="li1">List Item 1</li>
  <li id="li2">List Item 2</li>
  <li id="li2">List Item 3</li>
<ul>

＆＃13;

使用jquery获取li的ID

3 个答案: