du skal rette denne linje
$('#root').click(function() {
til
$('#car').click(function() {
da det er den id du klikker på
denne linje mangler text()
html += '<h3>' + $root.find('cvr') + '</h3>';
skal se sådan ud
html += '<h3>' + $root.find('cvr').text() + '</h3>';
denne linje skal afsluttes
var html = '<div class="data">';
før du udskriver
jeg kan ikke få fat i din xml fil så jeg rettede stien så den ligger i sammen folder som html filen
rettet udgave:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#car').click(function() {
$.get('35021566.xml',function(data){
$('#content').empty();
$(data).find('root').each(function(){
var $root = $(this);
var html = '<div class="data">';
html += '<h3>' + $root.find('cvr').text() + '</h3>';
html += '<div class="product">' + $root.find('navn').text() + '</div>';
html += '<div class="type">' + $root.find('postnr').text() + '</div>';
html += '</div>';
$('#content').append(html);
});
});
return false;
});
});
</script>
</head>
<body>
<a href="#" id="car">Car</a>
<div id="content">
</div>
</body>
</html>