0

JavaScript で特定のクラス名の下にある html 要素にアクセスする方法はありますか?

彼女は私がこれまで持っているものです：

部分的：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<Student.Models.vwStudent>>" %>

<table>
        <tr>
            <th>
                Student ID
            </th>           
            <th>
                Past Due Amount
            </th>
            <th>
                Past Due Days
            </th>            
        </tr>

        <% if (Model != null)
           foreach (var item in Model) { %>

        <tr>
            <td class="StudentInv">
                <%=Html.TextBox("StudentID",item.StudentID) %>
            </td>

            <td class="StudentInv">
                <%=Html.TextBox("PastDueAmount",item.PastDueAmount) %>
            </td>
            <td class="StudentInv">
                <%=Html.TextBox("PastDueDays",item.PastDueDays) %>
            </td>            
        </tr>

    <% } %>

主人：

<div>
<% using(Html.BeginForm("SaveStudentInvoice", "StudentInvoice")) %>
<% { %>
<div>
<% Html.RenderPartial("DisplayStudentInvoiceList"); %>
</div>
<% } %>
<br/>
<input type="button" id="Submit" name="Submit" value="Submit" />
</div>

JavaScript:

$('#Submit').click(function () {

    var link = '/StudentInvoice/SaveStudentInvoice';
    $.ajax({
        type: 'POST',
        url: link,
        data: { SaveStudent: $(".StudentInv").val()
        },
        dataType: 'json',
        success: function (result) {
            alert("Success")
        },
        error: function (result) {
            alert("Failed")
        }
    });
});

コントローラ：

[HttpPost()]
public ActionResult SaveStudentInvoice(string SaveStudent)
{
    /// Parse SaveStudent String and rerform some Action

        return View();

}
4

2 に答える 2

2

あなたのjQuery はず

$(".StudentInv input")

inputのクラスを持つノード内のオブジェクトを選択しますStudentInv。

UPDATEリストの操作

クエリは複数のノードを $.val()返すため、最初のアイテムの値のみを返すことに注意してください。http://jsfiddle.net/Qs4JC/2/を実行することで、それぞれを反復処理できます。

var values = [];
$(".StudentInv input").each(function(){
   values.push($(this).val());
});
// values is populated here
于 2012-07-17T22:07:35.933 に答える
0

このようにJqueryを使用してください $('.StudentInv :input');

ボーナス： http： //jsfiddle.net/Qs4JC/1/

于 2012-07-17T22:09:55.970 に答える