jquery将html写入变量

我正在编写两个列表应用程序，其中一个列表中的数据可以转移到其他列表中。jquery将html写入变量

我使用DIV这样

   <div id="all_users"> 
      <div id="user1" userid="1" class="innertxt"> <img src="images/images.jpg" width="50" height="50"><strong>Test User 01</strong> 
    <ul> 
    <li>User ID: 1</li> 
    <li>Email: [email protected]</li> 
    <li style="padding-top:5px;"> 
    <input type="checkbox" id="select1" value="1" class="selectit" /> 
    <label for="select1">&nbsp;&nbsp;Select it.</label> 
    </li> 
    </ul> 
    </div> 

<div id="user2" userid="2" class="innertxt"> <img src="images/images.jpg" width="50" height="50"><strong>Test User 02</strong> 
     <ul> 
    <li>User ID: 2</li> 
    <li>Email: [email protected]</li> 
    <li style="padding-top:5px;"> 
    <input type="checkbox" id="select2" value="2" class="selectit" /> 
    <label for="select2">&nbsp;&nbsp;Select it.</label> 
    </li> 
    </ul> 
    </div> 
    <div class="float_break"></div> 

    </div>

从格删除数据我用下面的脚本

  $("#move_new").click(function() {  
    $('#all_users .innertxt').each(function() { 
    $(this).remove(); 
    }); 
});

现在我需要的是：

添加新的数据到DIV。

我尝试下面的代码

$('#all_users').append(new_data_var);

其中new_data_var是可变的，包含以下HTML值

 <div class="innertxt" userid="1" id="user1"> <img height="50" width="50" src="images/images.jpg"><strong>Test User 01</strong> 
    <ul> 
    <li>User ID: 1</li> 
    <li>Email: [email protected]</li> 
    <li style="padding-top: 5px;"> 
    <input type="checkbox" class="selectit" value="1" id="select1"> 
    <label for="select1">&nbsp;&nbsp;Select it.</label> 
    </li> 
    </ul> 
    </div>

我想弄清楚我怎么能存储上面的HTML值到new_data_var？

第二，如果我的数值来自MYSQL & PHP我如何在循环中使用它来添加更多的值。

感谢

来源

2010-02-27 air

尝试jQuery中集调用包装代码：

$('#all_users').append($(new_data_var));

来源

2010-02-27 16:54:15 bendewey

要保存HTML代码给一个变量，你可以这样做：

var new_data_var = $('<div class="innertxt" userid="1" id="user1"> <img height="50" width="50" src="images/images.jpg"><strong>Test User 01</strong><ul><li>User ID: 1</li> <li>Email: [email protected]</li><li style="padding-top: 5px;"><input type="checkbox" class="selectit" value="1" id="select1"><label for="select1">&nbsp;&nbsp;Select it.</label></li></ul></div>'); 
$('#all_users').append(new_data_var);

来源

2010-02-27 16:54:43 Harmen

一样的人真的建议，我建议使用jQuery在附加它之前构建HTML，这是一个极简主义版本，但您可以以类似的方式生成该批次。

var new_data_var = $('div', {'id': 'user1', class: 'innertxt'}).html(' 
    <img height="50" width="50" src="images/images.jpg"><strong>Test User 01</strong> 
    <ul> 
    <li>User ID: 1</li> 
    <li>Email: [email protected]</li> 
    <li style="padding-top: 5px;"> 
     <input type="checkbox" class="selectit" value="1" id="select1"> 
     <label for="select1">&nbsp;&nbsp;Select it.</label> 
    </li> 
    </ul> 
);

来源

2010-02-27 16:56:53 Steve

jquery将html写入变量

回答

相关问题