Question

已经为一个新的MVC 3项目添加了一些jquery，但是jquery代码似乎没有工作。

HTML和脚本如下：

<div class="LineItems">

        <div class="LineItemHeading">
            <span>ItemCode</span>
            <span>Description</span>
            <span>Qty</span>
            <span>UnitPrice</span>
            <span>Acc.Code</span>
            <div class="clear">&nbsp;</div>
        </div>

        <div class="LineItem">
            <input type="text" class="ItemCode" />
            <input type="text" class="ItemDescription" />
            <input type="text" class="ItemQty" />
            <input type="text" class="ItemPrice" />
            <input type="text" class="ItemAccCode" />
        </div>

        <button id="AddLineItem">Add Line Item</button>
        <button id="RemoveLineItem">Remove Line Item</button>
    </div>



<script type="text/javascript">

    $("#AddLineItem").click(function () {
        alert("function called.."); // the alert shows.
        $(".LineItem:last-child").clone().appendTo($(".LineItem"));
        $(".LineItem:last-child input").each(function () {
        $(this).val("");
        });
    });

</script>

目标是复制最后一行并将其追加到最后。（创建一个与最后一行相同的新行。）

jquery似乎被添加到Master布局中，并且chrome开发人员工具似乎没有给出任何jquery错误。

任何帮助表示感谢。

Answer 1

您没有正确定位选择器的输入。请尝试这些更改 - http://jsfiddle.net/aT8Bk/

$("#AddLineItem").click(function () {
    alert("function called.."); // the alert shows.
    $(".LineItem input:last-child").clone().appendTo($(".LineItem"));
    $(".LineItem input:last-child").each(function () {
        $(this).val("");
    });
});

jquery代码似乎没有工作 - MVC 3

1 个答案: