আমি কীভাবে jQuery ব্যবহার করে কোনও টেবিলের মধ্যে টিআর উপাদানগুলির সংখ্যা গণনা করব?
আমি জানি একই ধরণের প্রশ্ন রয়েছে তবে আমি কেবল মোট সারি চাই want
আমি কীভাবে jQuery ব্যবহার করে কোনও টেবিলের মধ্যে টিআর উপাদানগুলির সংখ্যা গণনা করব?
আমি জানি একই ধরণের প্রশ্ন রয়েছে তবে আমি কেবল মোট সারি চাই want
উত্তর:
এমন একটি নির্বাচক ব্যবহার করুন যা সমস্ত সারি নির্বাচন করবে এবং দৈর্ঘ্যটি নেবে।
var rowCount = $('#myTable tr').length;
দ্রষ্টব্য: এই পদ্ধতির প্রতিটি নেস্টেড টেবিলের সমস্ত টিআরএস গণনা করা হয়!
আপনি যদি ব্যবহার করেন <tbody>
বা <tfoot>
আপনার টেবিলে, আপনাকে নীচের বাক্য গঠন ব্যবহার করতে হবে বা আপনি একটি ভুল মান পাবেন:
var rowCount = $('#myTable >tbody >tr').length;
বিকল্পভাবে ...
var rowCount = $('table#myTable tr:last').index() + 1;
এটি নিশ্চিত করবে যে কোনও নেস্টেড টেবিল-সারিগুলিও গণনা করা হচ্ছে না।
var rowCount = $('table#myTable tr:last').index() + 1;
<thead>
সারি এবং নেস্টেড টেবিল সারিগুলিকে উপেক্ষা করে । খুশী হলাম। jsfiddle.net/6v67a/1576
<td>
অভ্যন্তরীণ সারণী থাকে তবে এটি সেই টেবিলের সারি গণনা প্রদান করে! jsfiddle.net/6v67a/1678
ভাল, আমি টেবিল থেকে অ্যাটারি সারিগুলি পাই এবং সেই সংগ্রহের জন্য দৈর্ঘ্য পাই:
$("#myTable").attr('rows').length;
আমি মনে করি যে jQuery কম কাজ করে।
এটি আমার গ্রহণ করা এখানে:
//Helper function that gets a count of all the rows <TR> in a table body <TBODY>
$.fn.rowCount = function() {
return $('tr', $(this).find('tbody')).length;
};
ব্যবহার:
var rowCount = $('#productTypesTable').rowCount();
আমি নিম্নলিখিত পেয়েছি:
jQuery('#tableId').find('tr').index();
যদি কেউ থাকে তবে এটি চেষ্টা করে দেখুন
শিরোনাম ছাড়া
$("#myTable > tbody").children.length
যদি সেখানে শিরোনাম হয়
$("#myTable > tbody").children.length -1
উপভোগ করুন !!!
<thead>
হওয়া উচিত যা আগে আসা উচিত <tbody>
। সুতরাং -1 প্রয়োজন হবে না, যদি টেবিলটি মান অনুযায়ী সঠিকভাবে ডিজাইন করা হয়।
আমার AJAX রিটার্নে এটি করার একটি উপায়ের দরকার ছিল, তাই আমি এই টুকরোটি লিখেছি:
<p id="num_results">Number of results: <span></span></p>
<div id="results"></div>
<script type="text/javascript">
$(function(){
ajax();
})
//Function that makes Ajax call out to receive search results
var ajax = function() {
//Setup Ajax
$.ajax({
url: '/path/to/url', //URL to load
type: 'GET', //Type of Ajax call
dataType: 'html', //Type of data to be expected on return
success: function(data) { //Function that manipulates the returned AJAX'ed data
$('#results').html(data); //Load the data into a HTML holder
var $el = $('#results'); //jQuery Object that is holding the results
setTimeout(function(){ //Custom callback function to count the number of results
callBack($el);
});
}
});
}
//Custom Callback function to return the number of results
var callBack = function(el) {
var length = $('tr', $(el)).not('tr:first').length; //Count all TR DOM elements, except the first row (which contains the header information)
$('#num_results span').text(length); //Write the counted results to the DOM
}
</script>
অবশ্যই এটি একটি দ্রুত উদাহরণ, তবে এটি সহায়ক হতে পারে।
row_count = $('#my_table').find('tr').length;
column_count = $('#my_table').find('td').length / row_count;
var trLength = jQuery('#tablebodyID >tr').length;