Home/ Questions/Q 7159087
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T13:10:20+00:00

I am parsing an XML file into a table and want to use the

  • 0

I am parsing an XML file into a table and want to use the jquery tablesorter. I’ve tried many things, of which none have worked. I was parsing the XML file first via AJAX and then calling tablesorter on my table. The way I have my code now, I’m calling tablesorter on my table, running AJAX, and then updating the table with $("#table).trigger("update"). I am getting this error no matter whether I have it the first way or the second way: “$(#table).tablesorter() is not a function”. Any ideas? Code is listed below for JS and HTML.

HTML:

<html>
<head>
    <title>Read XML</title>
    <script type="text/javascript" src="jquery-1.7.1.js"></script>
    <script type="text/javascript" src="jquery-latest.js"</script>
    <script type="text/javascript" src="jquery.tablesorter.js"</script>
    <script type="text/javascript" src="custom.js"></script>
</head>
<body>
    <table id="table" border="1">
        <thead>
            <tr>
                <th>Item #</th>
                <th>Shape</th>
                <th>Weight</th>
                <th>Color</th>
                <th>Clarity</th>
                <th>Price($)</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</body>
</html>

JS:

$(document).ready(function() {
$("#table").tablesorter();
 $.ajax({
     type: "GET",
     url: "tutorial.xml",
     dataType: "xml",
     success: parseXml
 });
$("#table").trigger("update");
});

function parseXml(xml)
{
    $(xml).find("diamond").each(function()
    {
        $("#table tbody").after("<tr><td>" + $(this).find("id").text() + 
        "</td><td>" + $(this).find("shape").text() + "</td><td>" + $(this).find("weight").text() + 
        "</td><td>" + $(this).find("color").text() + "</td><td>" + $(this).find("clarity").text() + 
        "</td><td>" + $(this).find("price").text() + "</td></tr>");
    });
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You are missing a closing >

    <script type="text/javascript" src="jquery.tablesorter.js"</script>

    should be

    <script type="text/javascript" src="jquery.tablesorter.js"></script>

    Edit:

    As Marek Karbarz points out below, you’re also missing a closing > on this line:

    <script type="text/javascript" src="jquery-latest.js"</script>

    Not sure why you’re including jQuery twice, however.

    • 0