Question

我希望获得li.insert_option的内部html并将其放在表格中

我的HTML是这样的

  <li class="insert_option">
        <tr  dir="rtl" >
        <td style="text-align:left ; background-color:#CCC"><?php echo $pf->title; ?> </td>
        <td style="text-align:left ; background-color:#CCC">  <input name="id[<?php echo $pf->id; ?>]" type="text" value="" /></td>
        </tr>
     </li>

我的jquery代码是

$('#pack_adder_serviceselect').change(function(){
    $('#new_cat #option_table').html('');

    var id = $(this).val();
    var io = $('#pack_fildset_'+id).find('.insert_option');

    $.each(io , function(){
        $('#new_cat #option_table').append($(this).html());
        console.log($(this).html());
    })
})

这是我的consol日志：

    xxx
      <input name="id[3]" value="" type="text">

tr和td在哪里？

Answer 1

尝试使用jquery的outerhtml（）函数。另外，如果你想要tr

，请调用parent（）。outerhtml（）

Answer 2

这是因为您的标记无效，浏览器在没有tr包装元素时不会呈现td和table元素，因此没有tr / {{要通过jQuery选择的DOM中的元素。

无法获得元素的整个innerhtml

2 个答案: