Question

我在这里有这个HTML代码段：

<tr class="newRow">
  <td class="doc" ids="1">ABC</td>
  <td class="doc" ids="2">EFG</td>
  <td class="doc" ids="1">ABC</td>
  <td class="doc" ids="3">HIJ</td>
</tr>

这是我的剧本：

var formDoc = $.map($('.doc'), function(e) {
    return e.attr("ids");
});
alert(formDoc);

它只返回空。你能给我一个建议来解决我的问题吗？

Answer 1

变化

return e.attr("ids");

到

return e.getAttribute("ids");

Answer 2

e是来自nodeList的元素，并且没有jquery attr方法，该方法适用于使用jQuery选择器检索的元素。因此，您必须使用$(e).attr("ids")。

＆＃13;

var formDoc=$.map($('td'),function(e) {
     return $(e).attr('ids');
});
console.log(formDoc);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr class="newRow">
  <td class="doc" ids="1">ABC</td>
  <td class="doc" ids="2">EFG</td>
  <td class="doc" ids="1">ABC</td>
  <td class="doc" ids="3">HIJ</td>
</tr>
</table>

＆＃13;

Answer 3

查看工作代码。

   <!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    </head>
    <body>
    <table>
    <tr class="newRow">
      <td class="doc" ids="1">ABC</td>
      <td class="doc" ids="2">EFG</td>
      <td class="doc" ids="1">ABC</td>
      <td class="doc" ids="3">HIJ</td>
    </tr>
    </table>
    <script>
     var formDoc = $.map($('.doc'), function(e) {
            return e.getAttribute('ids');
        });
        alert(formDoc);
    </script>
    </body>
    </html>

如何从html标签中获取数据

3 个答案: