创建开放的tr和td jquery

creating open tr and td jquery

本文关键字：td jquery tr 创建      更新时间：2023-09-26

我在javascript中转换内联html到jquery时遇到了麻烦。

我想避免内联脚本，这样firebug就不会在一行中显示整个脚本，而是保持格式。

基本上我现在有这个:

var zeile2 = $("<tr id='wle_focusout_"+paramDataObject.id+"'>" +
        "<td><input id='wle_input_seconds_"+paramDataObject.id+"' type='text'/> </td>" +
        "<td><input id='wle_input_height_"+paramDataObject.id+"' type='text'/> </td>" +
        "<td><input id='"+get_waterlevelevent_del_btn_name(paramDataObject.id)+"' type='button' value='"+languagebox.editor_wleRemoveBtn_header+"'/> </td>" +
        "</tr>");

一个tr和三个td，每个td都有一个输入元素。

到目前为止，我将每个元素单独转换为

var wleFocusOut = $(document.createElement('tr')).attr({
       id:      'wle_focusout_'+paramDataObject.id,
       });
var wleInputSec = $(document.createElement('input')).attr({
       id:      'wle_input_seconds_'+paramDataObject.id,
       type:    'text'
       });
var wleInputHeight = $(document.createElement('input')).attr({
       id:      'wle_input_height_'+paramDataObject.id,
       type:    'text'
       });
var wleDelBtn = $(document.createElement('input')).attr({
       id:      get_waterlevelevent_del_btn_name(paramDataObject.id),
       value:   languagebox.editor_wleRemoveBtn_header,
       type:    'button'
       });
var wleTempTd = $(document.createElement('td'));

但是这些jquery元素是封闭的(没有主体内容)。

我如何创建一个开放()版本的jquery，允许我添加(只是追加?)的tds等?

我找到了解决方案:

var zeile2 = 
    $('<tr/>', {'id':'wle_focusout_'+paramDataObject.id}
    ).append(
            $('<td/>').append(
                    $('<input/>',{
                        'id': 'wle_focusout_'+paramDataObject.id})
                    )
    ).append(
            $('<td/>').append(
                    $('<input/>',{
                        'id': 'wle_input_seconds_'+paramDataObject.id,
                        'type': 'text'})
            )
    ).append(
            $('<td/>').append(
                    $('<input/>',{'id': 'wle_input_height_'+paramDataObject.id,
                        'type': 'text'})
            )
    ).append(
            $('<td/>').append(
                    $('<input/>',{'id': get_waterlevelevent_del_btn_name(paramDataObject.id),
                        'value':    languagebox.editor_wleRemoveBtn_header,
                        'type': 'button'})
            )
    );

使用这种不同的语法，它可以工作，并且firebug不会假设这是内联脚本。

相关文章：