Javascript 如何使用jquery获取数据属性的值

我需要从html表中获取userid、data属性的值，并将该值放入一个var中，但我想在不单击操作的情况下执行此操作

  <table id="tblList">
    <tbody id="someTest">
      <tr data-userid="801992084067">
      <tr data-userid="451207954179">
      <tr data-userid="310896831399">
      <tr data-userid="863939754980">
      <tr data-userid="1123542226482">
    </tbody>
  </table>

---

简单地说，您可以使用jQuery的

data（）

方法管理HTML标记中的数据属性和值。或者，也可以使用attr（）方法

var rowId = $("#someTest tr").last().data("userid");

或者

var rowId = $("#someTest tr").last().attr("data-userid");

$('button#mybtn').data('data-id',10);

alert($('button#mybtn').attr('data-id')); //alerts 10

$('button#mybtn').attr('data-id',15);

$('button#mybtn').removeAttr('data-id');

.data（）方法用于存储与匹配元素关联的任意数据或返回 集合中第一个元素的命名数据存储中的值 匹配元素

初始HTML

<button id="mybtn">MyButton</button>

<button id="mybtn" data-id="10">MyButton</button>

<button id="mybtn" data-id="15">MyButton</button>

<button id="mybtn">MyButton</button>

或者

var rowId = $("#someTest tr").last().attr("data-userid");

$('button#mybtn').data('data-id',10);

alert($('button#mybtn').attr('data-id')); //alerts 10

$('button#mybtn').attr('data-id',15);

$('button#mybtn').removeAttr('data-id');

复制的HTML

<button id="mybtn">MyButton</button>

<button id="mybtn" data-id="10">MyButton</button>

<button id="mybtn" data-id="15">MyButton</button>

<button id="mybtn">MyButton</button>

或者

var rowId = $("#someTest tr").last().attr("data-userid");

$('button#mybtn').data('data-id',10);

alert($('button#mybtn').attr('data-id')); //alerts 10

$('button#mybtn').attr('data-id',15);

$('button#mybtn').removeAttr('data-id');

更改数据属性的值

$('button#mybtn').data('id',10);

alert($('button#mybtn').data('id')); //alerts 10

$('button#mybtn').data('id',15);

或者

var rowId = $("#someTest tr").last().attr("data-userid");

$('button#mybtn').data('data-id',10);

alert($('button#mybtn').attr('data-id')); //alerts 10

$('button#mybtn').attr('data-id',15);

$('button#mybtn').removeAttr('data-id');

复制的HTML

<button id="mybtn">MyButton</button>

<button id="mybtn" data-id="10">MyButton</button>

<button id="mybtn" data-id="15">MyButton</button>

<button id="mybtn">MyButton</button>

或者

var rowId = $("#someTest tr").last().attr("data-userid");

$('button#mybtn').data('data-id',10);

alert($('button#mybtn').attr('data-id')); //alerts 10

$('button#mybtn').attr('data-id',15);

$('button#mybtn').removeAttr('data-id');

复制的HTML

<button id="mybtn">MyButton</button>

<button id="mybtn" data-id="10">MyButton</button>

<button id="mybtn" data-id="15">MyButton</button>

<button id="mybtn">MyButton</button>

MyButton

仅删除

[]

：

 var rowId = $("#someTest tr").last().attr("data-userid");

最终代码：

这是测试
$（文档）.ready（函数（）{
var rowId=$（“#someTest tr”）.last（）.attr（“数据用户ID”）；
警报（rowId）；
})

您只需删除方括号即可：

var rowId=$（“#someTest tr”）.last（）.attr（“数据用户ID”）；
$（'#rowidoutputtr'）。文本（rowId）；
var rowId=$（“#someTest tr”）.last（）.data（“userid”）；
$（'rowidOutputData'）。文本（rowId）

您可以使用$（“#someTest tr”）.last（）.attr（'data-userid'）；甚至是$（'someTest tr:last'）.attr（'data-userid'）或
$（'someTest tr'）.last（）.data（'userid'）
有一个输入错误
.attr（“[data userid]”）；
应该是
.attr（“[data userid]”）；
或
$（“#someTest tr:last child”）.data（'userid'）；
以及如何获取特定的userid？@user6018902，请举例说明。@user6018902，例如，如果您想要获取第一个userid，您可以使用
var rowId=$（“#someTest tr”）.eq（0）.attr（“数据用户ID”）；
用于第二次使用
var rowId=$（“#someTest tr”）.eq（1）.attr（“数据用户ID”）
我必须根据我更改的用户所在的行获取表的特定用户ID，在这一部分中，当我要更改表中editet用户的值时，我需要获取我修改的行的用户ID。@user6018902，您要更改的tr标记中有什么？文本或复选框或。。。