jQuery - Bug in .html() method?

cancer10 · 02-05-2013, 01:13 PM

HI

Please take a look at the source here... http://jsbin.com/edozum/2/edit

Can someone please tell me why is the jquery .html() method is adding tbody tag when getting the html from the DIV?

https://www.dropbox.com/s/j0lw65bmt2wb9zs/code_31.png

sunfighter · 02-05-2013, 01:50 PM

Please put the jquery and the div that is causing problems to this thread.

cancer10 · 02-05-2013, 02:01 PM

jQuery:

Code:

$(document).ready(function(){

  $('#btn').click(function(){
  
      var x = $('#test').html();
    $("#ta").val(x);
  
  
  });
  

});

DIV:

Code:

<div id="test">
    
    <html>
<head>
	<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">  
	<title>Bienvenue sur Les Chipoteuses</title>
	                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         																																																																																																																																																																																																					 
</head>
<body>
	<div style="background-color:#F0F0F0;">
	
							<table border="0" width="560" cellpadding="0" cellspacing="0" align="center">
								<tr>
									<td width="25" height="50"></td>
									<td width="120" height="50">
										<a href="#" style="text-decoration:none;" target="_blank"><font size="1" style="font-family:Arial,Sans-Serif; font-size:14px; color:#ED1E79; font-weight:bold;">Version en ligne</font></a>
									</td>
									<td width="310" height="50"></td>
									<td width="80" height="50" align="right">
										<font size="1" style="font-family:Arial,Sans-Serif; font-size:14px; color:#ED1E79; font-weight:bold; text-align:right;">07.01.2013</font>
									</td>
									<td width="25" height="50"></td>
								</tr>
							</table>
						
			</body>
</html>
	
							
    
    
  </div>

sunfighter · 02-05-2013, 04:39 PM

Your jquery does not deal with anything in that div. The div has no id or class to be dealt with separate from any other div on the page. I think this is not the right div.

Maybe you want this:

Code:

$(document).ready(function(){
	$('#btn').click(function(){
		var x = $('#test').html();
		$("#ta").html(x);
	});
});

DanInMa · 02-05-2013, 11:49 PM

Quote:

Originally Posted by cancer10

HI

Please take a look at the source here... http://jsbin.com/edozum/2/edit

Can someone please tell me why is the jquery .html() method is adding tbody tag when getting the html from the DIV?

https://www.dropbox.com/s/j0lw65bmt2wb9zs/code_31.png

it's not working correctly becuase your html is way off. youve got the html for an entire html docuiment inside of a div, your confusing your script. \

( it's actually doing what you are telling it to do based on you r html in the jsbin example)

- side note, you are using the html5 doc type, but you are using tags like FONT that were deprecated years ago.

felgall · 02-06-2013, 01:52 AM

All tables in HTML have at least one <tbody> container in them whether you specify the tag or not. When JavaScript accesses the table it sees the tbody and any other optional tags that you left out that HTML added in for you.

cancer10 · 02-06-2013, 03:00 AM

thanks guys for your reply.