jQuery parseXML() method

The parseXML() method in jQuery is used to parse a string into an XML document. It uses native methods of the browser for creating a valid XML document. This valid XML document can be passed to jQuery for creating a jQuery object that can be manipulated or traversed.

Syntax

This method accepts a single parameter which is defined as follows -

data: It is of string type. It is an XML string to be parsed.

Now, let's understand the working of this method using an illustration.

Example

It is a simple example of using the parseXML() method. In this example, we are passing a well-formed XML string to the parseXML() method.

<!DOCTYPE html>
<html>
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </script> 
</head>
<body>
<h3> It is an example of using the jQuery parseXML() method </h3>
<p> Click the below button to alert the employee information. </p>
<button> Click Me </button>

<script>
$(document).ready(function(){
 $("button").click(function(){
  var str = "<xml version = '2.0'> <employee> <name> John </name> <eid> E-102 </eid> <salary> 30,000 </salary> </employee> </xml>",
  xmlDoc = $.parseXML(str),
   $xml = $( str );
  alert(" Name - " + $($xml).find("name").text() + "\n Employee-Id - " + $($xml).find("eid").text() + " \n Salary - " + $($xml).find("salary").text() ); 
 });
});
</script>
</body>
</html>

Test it Now

Output

After the successful execution of the above code, the output will be -