0

我有一个如下的 HTML 内容

<div class="form-field">
     <div style="width: auto; display: inline-block; min-width: 108px;" class="form-field-header">
      <div class="form-field-header-caption">facility</div>
      </div>
      <div style="display: inline-block;" class="form-field-body">
      <input class="form-field-required" readonly="" maxlength="20" value="" type="text" data-binding-view-property="Value" data-binding-model-object="inwork" data-binding-model-property="fac">
       <textboxcontrol class="form-field-required" data-binding-view-property="Value" maxlength="20" data-binding-model-object="inwork" data-binding-model-property="fac"></textboxcontrol>
       </div>
  </div>

对于上面的 HTML 内容，我正在编写一个 jQuery 代码来替换插件提供的 DOM 元素。jQuery脚本如下

$(window).load(function () {
    $(".form-field").find('textboxcontrol').each(function () {
        var options = {
            "attributeName": 'test',
            "defaultValue": "",
            "isViewonly": 0,
            "isReadOnly": 0,
            "filterAttribute": 0
        };
        field = $.fn.textBoxControl(options);
        $(this).replaceWith(field);
    });
});

field变量将具有类似的数据

<input class="textboxControl" maxLength="2147483647" value="" type="text">

作为一个 DOM（即field[0].outerHTML在 firebug DOM 中）

$(this)- 将从 HTML 内容中选择标签。上面写的代码正在替换 DOM。请帮我解决问题。

4

1 回答 1

1

提出了用此解决方案替换线路的解决方案。$(this).replaceWith(field[0].outerHTML)总之谢谢大家。

于 2013-04-24T12:36:23.083 回答