Question

这是我的表，我想帮忙：

我需要在表3中添加一个新行，用于我的项目。非常感谢帮助。我在下方放了一个片段，以便你们可以看到代码的实时运行：

    $(document).ready(function(){
        $(".selectit").click(function(){
            
            //add code here
            alert($(this).text());
            $(".fes-variations-list-multiple").append('<tr class="fes-single-variation">
                <td class="fes-name-row">
                    <input class="fes-name-value" name="option[1][description]" id="option[1][description]" rows="3" value="" type="text">
                </td>
                <td class="fes-price-row">
                    <input class="fes-price-value" name="option[1][price]" id="option[1][price]" value="0" type="text">
                </td>
                <td class="fes-delete-row">
                    <a href="#" class="edd-fes-delete">
                        ×
                    </a>
                </td>
            </tr>');
            
            
            
            
            
            //end code
        });
    });

但它不起作用。有人可以帮忙吗？

Answer 1

Javascript不接受多行字符串。将您的追加代码更改为：

$(".fes-variations-list-multiple").append('<tr class="fes-single-variation">'
        +'<td class="fes-name-row">'
        +'<input class="fes-name-value" name="option[1][description]" id="option[1][description]" rows="3" value="" type="text">'
        +'</td>'
        +'<td class="fes-price-row">'
        +'<input class="fes-price-value" name="option[1][price]" id="option[1][price]" value="0" type="text">'
        +'</td>'
        +'<td class="fes-delete-row">'
        +'<a href="#" class="edd-fes-delete">'
        +'×'
        +'</a>'
        +'</td>'
        +'</tr>');

Answer 2

如果表中没有行，您的代码将失败。而不是直接在表中附加一行将其附加到您的tbody元素。

$('.fes-variations-list-multiple').find('tbody:last').append('<tr class="fes-single-variation">'
    +'<td class="fes-name-row">'
    +'<input class="fes-name-value" name="option[1][description]" id="option[1][description]" rows="3" value="" type="text">'
    +'</td>'
    +'<td class="fes-price-row">'
    +'<input class="fes-price-value" name="option[1][price]" id="option[1][price]" value="0" type="text">'
    +'</td>'
    +'<td class="fes-delete-row">'
    +'<a href="#" class="edd-fes-delete">'
    +'×'
    +'</a>'
    +'</td>'
    +'</tr>');

向表3添加新行

2 个答案: