首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何获取项id Jquery可排序

获取元素的id可以使用jQuery的attr()方法。该方法用于获取或设置元素的属性值。在这个问题中,我们可以使用attr()方法来获取元素的id属性。

以下是使用jQuery获取元素id的示例代码:

代码语言:txt
复制
var itemId = $("#yourElement").attr("id");

在上面的代码中,我们使用了jQuery的选择器来选取具有特定id的元素,并使用attr()方法获取该元素的id属性值。你可以将"yourElement"替换为你想要获取id的元素的选择器。

关于jQuery可排序的问题,你可能指的是使用jQuery UI库中的sortable()方法来实现元素的排序功能。sortable()方法可以使元素变得可拖拽并排序。

以下是一个使用jQuery UI sortable()方法实现元素排序的示例代码:

代码语言:txt
复制
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <style>
    #sortable {
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: 60%;
    }
    #sortable li {
      margin: 3px 3px 3px 0;
      padding: 1px;
      float: left;
      width: 100px;
      height: 90px;
      font-size: 4em;
      text-align: center;
    }
  </style>
  <script>
    $(function() {
      $("#sortable").sortable();
      $("#sortable").disableSelection();
    });
  </script>
</head>
<body>
 
<ul id="sortable">
  <li id="item1">Item 1</li>
  <li id="item2">Item 2</li>
  <li id="item3">Item 3</li>
  <li id="item4">Item 4</li>
  <li id="item5">Item 5</li>
</ul>
 
</body>
</html>

在上面的示例代码中,我们使用了jQuery UI库中的sortable()方法将id为"sortable"的ul元素变为可排序的列表。每个li元素都具有一个唯一的id属性,你可以根据需要进行修改。

这是一个简单的示例,你可以根据自己的需求进行定制和扩展。希望对你有帮助!

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券