blocks|key|2058067|text|我使用这段代码找到由jQuery+DataTables生成的元素，并且可以复制在分页DataTables时隐藏的整个tr元素。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2058068|$('#example').DataTable().rows().iterator('row',+function(context,+index){
++++var+node+=+$(this.row(index).node());+
++++//node.context+is+element+of+tr+generated+by+jQuery+DataTables.
});|code-block|syntax|javascript|2058069|entityMap^0|1M|2|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I find the generated element by jQuery DataTables using this code, and I can copy the whole <code>tr</code> element that hides when paging the DataTables.

<pre><code>$('#example').DataTable().rows().iterator('row', function(context, index){
 var node = $(this.row(index).node()); 
 //node.context is element of tr generated by jQuery DataTables.
});
</code></pre>

blocks|key|635430|text|溶液|type|blockquote|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|635431|有一些多种方法可以用于这个目的。可以使用rows().data()获取所选行的数据。|unstyled|CODE|635432|示例：|635433|var+table+=+$('#example').DataTable();

var+data+=+table
++++.rows()
++++.data();

alert(+'The+table+has+'+%2B+data.length+%2B+'+records'+);|code-block|syntax|javascript|635434|演示|635435|有关代码和演示，请参见这个jsFiddle。|635436|entityMap|0|LINK|mutability|MUTABLE|url|http://datatables.net/reference/api/|1|http://datatables.net/reference/api/rows%2528%2529.data%2528%2529|2|https://jsfiddle.net/5uko1w3q/^0|0|2|0|K|D|3|4|0|K|D|1|0|0|0|0|2|0|B|A|2|0^^$0|@$1|2|3|4|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|19|8|@$9|1A|A|1B|B|I]]|D|@$9|1C|A|1D|1|1E]|$9|1F|A|1G|1|1H]]|E|$]]|$1|J|3|K|5|H|7|1I|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|1J|8|@]|D|@]|E|$O|P]]|$1|Q|3|R|5|6|7|1K|8|@$9|1L|A|1M|B|C]]|D|@]|E|$]]|$1|S|3|T|5|H|7|1N|8|@]|D|@$9|1O|A|1P|1|1Q]]|E|$]]|$1|U|3|-4|5|H|7|1R|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]|12|$5|X|Y|Z|E|$10|13]]|14|$5|X|Y|Z|E|$10|15]]]]

<blockquote>
 SOLUTION
</blockquote>

There are <a href="http://datatables.net/reference/api/" rel="noreferrer">many methods</a> that could be used for that purpose. You can use <a href="http://datatables.net/reference/api/rows%28%29.data%28%29" rel="noreferrer"><code>rows().data()</code></a> to get the data for the selected rows.

Example:

<pre><code>var table = $('#example').DataTable();

var data = table
 .rows()
 .data();

alert( 'The table has ' + data.length + ' records' );
</code></pre>

<blockquote>
 DEMO
</blockquote>

See <a href="https://jsfiddle.net/5uko1w3q/" rel="noreferrer">this jsFiddle</a> for code and demonstration.

blocks|key|635455|text|如果你这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|635456|$('#table').DataTable().rows().data();+|code-block|syntax|javascript|635457|你会得到很多不必要的数据。|635458|如果您只想要表数据，可以这样做：|635459|$('#table').DataTable().rows().data().toArray();|635460|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

If you do this:

<pre><code>$('#table').DataTable().rows().data(); 
</code></pre>

you get a lot of unnecessary data. 

If you just want the table data you can do this: 

<pre><code>$('#table').DataTable().rows().data().toArray();
</code></pre>

blocks|key|637002|text|使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|637003|tableObject.rows().data()+|code-block|syntax|javascript|637004|将返回表中的所有数据。|637005|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Using 

<pre><code>tableObject.rows().data() 
</code></pre>

will return all the data from the table.

blocks|key|906839|text|设置pageLength|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|906840|$('#example').dataTable(+{
++"pageLength":+50
}+);|code-block|syntax|javascript|906841|entityMap|0|LINK|mutability|MUTABLE|url|https://datatables.net/reference/option/pageLength^0|2|A|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Set the <a href="https://datatables.net/reference/option/pageLength" rel="nofollow noreferrer">pageLength</a>:
<pre><code>$('#example').dataTable( {
 &quot;pageLength&quot;: 50
} );
</code></pre>

I'm using jQuery DataTables and want to copy all rows (save in JavaScript array) upon clicking the header checkbox.

<a href="https://i.stack.imgur.com/57dTB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/57dTB.png" alt="First Page"></a>

I want to find where jQuery DataTables store the HTML for remaining page of rows, so I can navigate through JavaScript then check it there or set property checked to true.

Something like this one.

<a href="https://i.stack.imgur.com/Iz038.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Iz038.png" alt="enter image description here"></a>

Other information:

<ul>
<li>I use data from an ajax source(<code>serverside:false</code>), all data is returned.</li>
<li>When I click page 1, all the rows remain Checked.</li>
</ul>

jQuery DataTables - Access all rows data

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我使用jQuery DataTables，希望在单击标题复选框时复制所有行(保存在JavaScript数组中)。​​--我想找到jQuery DataTables存储的行剩余页面的位置，这样我就可以在JavaScript中导航，然后在那里检查它，或者将属性设置为true。就像这个。​​其他资料：我使用ajax源(serverside:false)的数据，所有数据都会返回。当我单击第1页时，所有行都

问jQuery DataTables -访问所有行数据
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery DataTables -访问所有行数据EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery DataTables -访问所有行数据
EN