如何把jquery选择器的选择内容打印出来


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="jquery-1.5.js"></script>
</head><body>
<input type="text" name="text1" value="1" id="text1" />
</body>
<script language="javascript">
alert($("#text1"));
</script>
</html>如是，$("#text1")无缝是<input type="text" name="text1" value="1" id="text1" />
我如何打印出这个。

解决方案 »

  1.   

    GOOGLE了一下：
    http://yelotofu.com/2008/08/jquery-outerhtml/
    LZ去看看吧。
      

  2.   

    $("#text1").html();好象只能获取标签里面的东西，无法包括text1自己！
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <SCRIPT LANGUAGE="JavaScript">
      <!--   $(function(){
      jQuery.fn.printSelf = function() { 
    var str = $("<div id='_outDiv_'></div>").append(this.clone()).html();
    $("<div id='_outDiv_'></div>").remove();
    return str;
     }
      });  $(function(){
    var str = $("#text1").printSelf();
    alert(str)
      })
      //-->
      </SCRIPT>
     </HEAD>
     <BODY>
    <input type="text" name="text1" value="1" id="text1" /> </BODY>
    </HTML>