Jquery 在某些元素之前和之后插入div和li $（'.createcasedata'）.html（getHtml（data））； $（'label'）。在（“”）之前； $（“输入”）。在（“”）之前； $（“输入”）。在（“”）之后； $（'input'）。在（''）之后； $（'textarea'）.attr（'class'，'ui-input-text-ui-shadow inset ui body inherit ui corner all ui textinput autogrow'）；

想要实现这样的目标：

$('.createcasedata').html(getHtml(data));
$( 'label' ).before( "<li class='ui-field-contain ui-li-static ui-body-inherit'>" );
$( 'input' ).before( "<div class='ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset ui-input-has-clear'>" );
$( 'input' ).after('</div>');
$( 'input' ).after('</li>');
$('textarea').attr('class','ui-input-text ui-shadow-inset ui-body-inherit ui-corner-all ui-textinput-autogrow');

测试手机名

我现在得到的是：

<li data-role="fieldcontain" class="ui-field-contain ui-li-static ui-body-inherit">
    <label for="Test" mobile="" name="">Test Mobile Name</label>
    <div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset ui-input-has-clear">
        <input name="name" type="name" required="" calculated="false" len="150">
    </div>
</li>

测试手机名

请帮忙

我的数据是：

    <li class="ui-field-contain ui-li-static ui-body-inherit"></li>
<label for="Test" mobile="" name="">Test Mobile Name</label>
<div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset ui-input-has-clear"></div>
<input name="name" type="name" required="" calculated="false" len="150">

测试手机名
办公室电话：
网站：
传真：
计费街道：
航运街：
电邮地址：
说明：
说明：
类型：
分析师
竞争对手
顾客
积分器
投资者
配偶
按
展望
转售商
另外
行业：
衣服
银行业
生物技术
化学制品
通讯
建设
咨询
教育
电子学
能量
工程
娱乐片
环境的
资金
政府
保健
好客
保险
机械
制造业
媒体
非营利性
娱乐
零售
航运
技术
电信
运输
公用事业
另外
年收入：
员工：
SIC代码：
股票代码：
所有权：
评级：

试试这个

$（'input'）。换行（“”）；
var divs=$（“标签，.ui输入文本”）；
对于（变量i=0；i）；
}

输入

Hi

输出

<label>Hi</label>
<input type="text">

你好

使用prepend和append，而不是before和after。After在选择的图元之后插入您拥有的图元。Append在您选择的元素中插入元素。为什么不改用

.wrap（）

呢？您需要的不是有效的HTML标记。您的代码中有以下内容-

$（'textarea'）.attr（'class'，'ui-input-text-ui-shadow inset ui body inherit ui-corner all ui-textcinput autogrow'）-您当前的输出和所需的输出根本不包含任何
。。您能更具体地解释一下需要做什么吗？Jai，我认为在HTML5中可能还可以，看看它的工作情况，但是它覆盖了我页面上的所有元素。它的所有css都不合适
      $( 'input' ).wrap( "<div class='ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset ui-input-has-clear'></div>" );
var divs = $("label , .ui-input-text");
for(var i = 0; i < divs.length; i+=2) {
  divs.slice(i, i+2).wrapAll("<li class='ui-field-contain ui-li-static ui-body-inherit'>");
}

<label>Hi</label>
<input type="text">

   <li class="ui-field-contain ui-li-static ui-body-inherit">
       <label>Hi</label>
       <div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset ui-input-has-clear">
         <input type="text">
       </div>
   </li>