Javascript 来自列表项的jquery id？_Javascript_Jquery_Mysql_List

Javascript 来自列表项的jquery id？

javascript jquery mysql list

Javascript 来自列表项的jquery id？,javascript,jquery,mysql,list,Javascript,Jquery,Mysql,List,好的，我从mysql数据库中得到了一个用户名列表。但是，我需要数据库中的ID所以我想这样 <li id='43'>Monica</li> <li id='47'>Henrik</li> <li id='77'>Eric</li> 但是如何从列表中获取ID呢？试试看 $('li').each(function(){ alert( $(this).attr('id') ); }); 将0替换为要读取其id的列表项的索引项

好的，我从mysql数据库中得到了一个用户名列表。但是，我需要数据库中的ID所以我想这样

<li id='43'>Monica</li>
<li id='47'>Henrik</li>
<li id='77'>Eric</li>

但是如何从列表中获取ID呢？

试试看

$('li').each(function(){
  alert( $(this).attr('id') );
});

将0替换为要读取其id的列表项的索引项。

尝试

将0替换为要读取其id的列表项的索引项。

我将使用如下内容：

<ul id="items-list">
    <li id='member-43'>Monica</li>
    <li id='member-47'>Henrik</li>
    <li id='member-77'>Eric</li>
</ul>

评论中指出，用数字启动id属性是完全有效的，但我仍然优先使用这种方法，特别是当一个页面上有来自不同DB表的多个列表时，id仍然需要唯一。id为43对任何人都没有意义，但member-43更为清晰。

我会使用以下内容：

<ul id="items-list">
    <li id='member-43'>Monica</li>
    <li id='member-47'>Henrik</li>
    <li id='member-77'>Eric</li>
</ul>

评论中指出，用数字启动id属性是完全有效的，但我仍然优先使用这种方法，特别是当一个页面上有来自不同DB表的多个列表时，id仍然需要唯一。43号id对任何人都没有意义，但是43号成员更清楚。

你真的想用这个id做点什么吗？你给我们的数据太少了。如果要管理用户，您需要以下内容：

<ul id="deleteUsers">
  <li id='user43'><a href="deleteuser.php?id=43">Monica</a></li>
  <li id='user47'><a href="deleteuser.php?id=47">Henrik</a></li>
  <li id='user77'><a href="deleteuser.php?id=77">Eric</a></li>
</ul>

而不是在jQuery覆盖单击事件中。roryf给了你一个很好的例子。

你真的想用这个id做点什么吗？你给我们的数据太少了。如果要管理用户，您需要以下内容：

<ul id="deleteUsers">
  <li id='user43'><a href="deleteuser.php?id=43">Monica</a></li>
  <li id='user47'><a href="deleteuser.php?id=47">Henrik</a></li>
  <li id='user77'><a href="deleteuser.php?id=77">Eric</a></li>
</ul>

而不是在jQuery覆盖单击事件中。roryf给了您一个很好的例子。

为list元素创建一个普通的javascript点击事件，如下所示：

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript">
      linkClicked = function (index) {
        alert($('#myList li').get(index).id);
      }
    </script>
  </head>
  <body>
    <ul id='myList'>
      <li id='43' onclick="linkClicked($(this).index())">Monica</li>
      <li id='47' onclick="linkClicked($(this).index())">Henrik</li>
      <li id='77' onclick="linkClicked($(this).index())">Eric</li>
    </ul>
  </body>
</html>

这对我有用

为列表元素创建一个正常的javascript点击事件，如下所示：

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript">
      linkClicked = function (index) {
        alert($('#myList li').get(index).id);
      }
    </script>
  </head>
  <body>
    <ul id='myList'>
      <li id='43' onclick="linkClicked($(this).index())">Monica</li>
      <li id='47' onclick="linkClicked($(this).index())">Henrik</li>
      <li id='77' onclick="linkClicked($(this).index())">Eric</li>
    </ul>
  </body>
</html>

这对我有用

您可以向所有列表项添加具有相同名称的类

<li class="test" id='43'>Monica</li>
<li class="test" id='47'>Henrik</li>
<li class="test" id='77'>Eric</li>

您可以向所有列表项添加具有相同名称的类

<li class="test" id='43'>Monica</li>
<li class="test" id='47'>Henrik</li>
<li class="test" id='77'>Eric</li>

您可以使用HTML5数据属性来保存ID数据。如果您需要在某个位置静态定义ID，而不是最佳解决方案，则在ID中保存数据可能会出现问题，您可以检查下面的代码-

在Jquery中访问数据属性中的数据

您的问题是如何从数据库中获取li元素的id？或者如何获取li元素的id？不要以数字开始id。以下是选择ID的规则：@epascarello和@Ivan，除非它在html5 doctype下。只有html4和可能低于html4才拒绝接受数字作为id的第一个字符。。。。这将在2018年左右安全使用。但是谢谢你提供的信息。你的问题是如何从数据库中获取li元素的id？或者如何获取li元素的id？不要以数字开始id。以下是选择ID的规则：@epascarello和@Ivan，除非它在html5 doctype下。只有html4和可能低于html4才拒绝接受数字作为id的第一个字符。。。。这将在2018年左右安全使用。但是谢谢你提供的信息。

<script type="text/javascript">
 $( "li .datalist" ).click(function() {    
       $(this).data("salary")
    });
</script>