javascript选择器不返回具有匹配类的所有元素

时间:2017-10-03 03:47:44

标签: javascript

我正在使用数据表来显示表数据。此表有一个删除记录的操作列。我正在尝试通过将事件侦听器添加到特定类来实现删除操作。当我试图通过类名获取元素时,它只返回datatable事件的第一页元素,尽管我们有5页。你能帮我这方面吗?

    var lastName = document.querySelectorAll('.lastname');
    console.log(lastName);

我需要简单的javascript解决方案。

<table id="example" class="display nowrap" width="100%" cellspacing="0">
        <thead>
            <tr>
                <th>First name</th>
                <th>Last name</th>
                <th>Delete</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Tiger</td>
                <td>Nixon</td>               
                <td><button class="btn btn-primary lastname" name="delete"></td>
            </tr>
       </table>
<script>
$(document).ready(function() {
            $('#example').DataTable( 

            );
            var lastName = document.querySelectorAll('.lastname');
                      console.log(lastName);// i am expecting this should return all elements with class **lastname**.
            });
</script>

我只包含一行。假设我们有50行。

1 个答案:

答案 0 :(得分:-2)

您可以添加element <{1}}

试试这个。

div

您可以阅读此Documentation以获取更多信息。