求助！一个给指定标签加label的问题


          <TD VALIGN="middle">
            <SPAN>
              <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="0" TYPE="TEXT" CLASS="Default" CHECKED>
              <FONT CLASS="Default">送出</FONT>
              &nbsp;&nbsp;
              <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="1" TYPE="TEXT" CLASS="Default">
              <FONT CLASS="Default">儲存</FONT>
              &nbsp;&nbsp;
            </SPAN>
          </TD>
这是html 没法直接改动html本体的
只能通过 JS或者JQ来动，
现在要让 两个radio后面font用 label连起来，即是 <label><input><font></font></label>
需要怎么弄呢？

解决方案 »

  1.   

    input标签连id属性都没有，你加个label有什么意义啊。
      

  2.   


             <TD VALIGN="middle">
                <SPAN>
                  <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="0" TYPE="TEXT" CLASS="Default" CHECKED>
                  <FONT CLASS="Default">送出</FONT>
                  &nbsp;&nbsp;
                </span>
                <span>
                  <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="1" TYPE="TEXT" CLASS="Default">
                  <FONT CLASS="Default">儲存</FONT>
                  &nbsp;&nbsp;
                </SPAN>
              </TD>
    這種形式的 就可以
    $(function() {
      $("[name=Default]").parent().wrapInner("<label></label>");
    });
    來實現
    現在這個 兩個 input只有一個標籤 搞不出來了 
      

  3.   

    哦 不行了~~~暈 有個 html中 居然能實現
      

  4.   


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
             <TD VALIGN="middle">
                <SPAN>
                  <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="0" TYPE="TEXT" CLASS="Default" CHECKED>
                  <FONT CLASS="Default">送出</FONT>
                  &nbsp;&nbsp;
                </span>
                <span>
                  <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="1" TYPE="TEXT" CLASS="Default">
                  <FONT CLASS="Default">儲存</FONT>
                  &nbsp;&nbsp;
                </SPAN>
              </TD>
      
    <script>
    $(".Default").each(function(){
    $(this).parent().wrapInner("<label></label>")
    });
    </script>
    </body>
    </html>
    楼主 这个意思？ie6不支持这样的， 需要添加相应的id
    <label>123<input /></label>
      

  5.   


    這種 每個 input和font 一起外面 有個span 能做到 
    但是像一開始那种情况  只有最外层有个span，这样要怎么做？
      

  6.   

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
             <TD VALIGN="middle">
                <SPAN>
                  <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="0" TYPE="TEXT" CLASS="Default" CHECKED>
                  <FONT CLASS="Default">送出</FONT>
                  &nbsp;&nbsp;
                </span>
                <span>
                  <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="1" TYPE="TEXT" CLASS="Default">
                  <FONT CLASS="Default">儲存</FONT>
                  &nbsp;&nbsp;
                </SPAN>
              </TD>
      
    <script>
    $("font.Default").each(function(){
    $(this).parent().wrapInner("<label></label>")
    });
    </script>
    </body>
    </html>
    改了下，没看到 INPUT 的class也是Default
      

  7.   

    公司  统一IE8以上了
    <label>
      <input>
      <font>1</font>
    </label>
    <label>
      <input>
      <font>2</font>
    </label>
    希望能把一开始说的那种html 做出这种效果来
      

  8.   

    是这样的 htmlHTML code<!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="gb2312" />
            <title></title>        
            <script src="http://code.jquery.com/jquery-latest.js"></script>
        </head>
        <body>
             <TD VALIGN="middle">
                <SPAN>
                  <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="0" TYPE="TEXT" CLASS="Default" CHECKED>
                  <FONT CLASS="Default">送出</FONT>
                  &nbsp;&nbsp;
       <!--这里没有其他的span，就是这里-->              <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="1" TYPE="TEXT" CLASS="Default">
                  <FONT CLASS="Default">儲存</FONT>
                  &nbsp;&nbsp;
                </SPAN>
              </TD>
      

  9.   


    第二个 input前没有
    </span>
    <span>
      

  10.   


    <!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="gb2312" />
            <title></title>        
            <script src="http://code.jquery.com/jquery-latest.js"></script>
        </head>
        <body>
             <TD VALIGN="middle">
                <SPAN>
                  <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="0" TYPE="TEXT" CLASS="Default" CHECKED>
                  <FONT CLASS="Default">送出</FONT>
                  &nbsp;&nbsp;
                  <INPUT NAME="DraftFlag" TYPE="RADIO" NAME="DraftFlag" VALUE="1" TYPE="TEXT" CLASS="Default">
                  <FONT CLASS="Default">儲存</FONT>
                  &nbsp;&nbsp;
                </SPAN>
              </TD>
    <script>
    $("font.Default").each(function(){
    $(this).prev('INPUT.Default').andSelf().wrapAll("<label></label>")
    });
    </script>
    </body>
    </html>
    试试
      

  11.   

    OK 正是如此 谢谢了 
    一直没注意 wrapAll() 这个方法
    闷，以前试过选取2个JQ对象一直用wrap来包裹，都是分别作用。