LaravelCode

Search

How to Count Number of Rows in a Table Using jQuery

jQuery
2002 views 3 years ago
post-title

Use the length Property

You can simply use the length property to count or find the number of rows in an HTML table using jQuery. This property can be used to get the number of elements in any jQuery object.

Let's try out the following example to understand how it actually works:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get Number of Rows in a Table</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
    $(document).ready(function(){
        $("button").click(function(){
            var rowCount = $("#myTable tr").length;
            alert(rowCount); // Outputs: 4
        });
    });
</script>
</head>
<body>
    <table id="myTable">
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Age</th>
        </tr>
        <tr>
            <td>1</td>
            <td>John</td>
            <td>25</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Peter</td>
            <td>18</td>
        </tr>
        <tr>
            <td>3</td>
            <td>Harry</td>
            <td>14</td>
        </tr>
    </table>
    <button type="button">Get Number of Rows</button>
</body> 
</html>

 

Random Articles
  • How to Install OWL Carousel slider in HTML
    Slider is important part in the homepage in&nbsp;commercial and business website. It creates impressive user experience and provides user latest updates in the websites set by the site admin. Creating...
  • How to forEach Over an Array in JavaScript
    &nbsp;Use the forEach() Method You can simply use the array&#39;s&nbsp;forEach()&nbsp;method to loop through all the items in an array using JavaScript. The&nbsp;forEach()&nbsp;method executes a pr...
  • Laravel 8 Get Current URL With Parameters
    Sometimes you might want to find the current URL and to write condition. This way, you can add active class to current url link. You also might want to pass data with query string parameters to view i...
  • How to Save Images from URL using PHP
    Web scraping or web harvesting is a technique to extract large amounts of data from websites whereby the data is extracted and saved to your computer or server. Data displayed by any websites can b...
  • How to replace character inside a string in JavaScript
    Use the JavaScript replace() method You can use the JavaScript&nbsp;replace()&nbsp;method to replace the occurrence of any character in a string. However, the&nbsp;replace()&nbsp;will only replace...
Advertise