对于每个循环，获取点击事件的 td 值 jQuery

Question

我的视图页面中有一个 table，它使用 foreach 显示值列表如下：

 <tr>
                        <td >
                            @Html.DisplayFor(modelItem => list.First().Project_Name)
 @Html.Hidden("TProjectId", list.First().Project_Id, new { id = "pro" + i })
                        </td>
                        <td >
                            @Html.DisplayFor(modelItem => list.First().Task_Name)
@Html.Hidden("TTaskId", list.First().Task_Id, new { id = "Tsk" + i })                        
                        </td>

                        @foreach (var dateitem in list)
                        {
                            if (dateitem.Date.DayOfWeek == DayOfWeek.Sunday || dateitem.Date.DayOfWeek == DayOfWeek.Saturday)
                            {
                                <td >
                                    <input id="Day1" name="Day1" type="text" value="" disabled="disabled" />                                
                                </td>
                            }
                            else
                            {
                                <td id="HoursTxt">
                                    @Html.TextAreaFor(modelitem => dateitem.Hours, new { id = string.Format("txtHours") }) 
                                    @Html.Hidden("CuDate", dateitem.Date)
                                        <img src="~/Images/comment.png" class="prevtest" />                            
                                    <div style="border:solid;display:none;">
                                        @Html.TextAreaFor(modelItem => dateitem.Notes, new { id = "TxtNotes" })
                                    </div>
                                </td>
                            }
              }
                    </tr>

我想在点击图像时获取日期（隐藏字段）... 我的 jquery 如下所示：

 $('.prevtest').on('click', function () {
            $(this).next().toggle();       
            var id = $('#CuDate').val(); alert(id);
var ProjId = $(this).closest("tr").find("#TProjectId").text(); alert(ProjId);
    });

我只有在点击任何图片时才得到第一次约会。对于隐藏字段中的项目 ID，我如何获取它？当前为空数据 return 谁能帮我做这个..

Answer 1

隐藏元素是点击图片的上一个兄弟元素。因此，您可以使用 .prev() 选择器以及单击的元素上下文 this:

遍历到该元素

$('.prevtest').on('click', function () {
    $(this).next().toggle();       
    var id = $(this).prev().val(); 
    alert(id);
});

Answer 2

您需要找到点击图片标签的前一个元素。

$('.prevtest').on('click', function () {
        $(this).next().toggle();       
        var id = $(this).prev('#CuDate').val(); 
        alert(id);
});

Answer 3

$('#alertData tr td').click(function(){
var cid = $(this).attr('id');
alert(cid);
var cval = $(this).text();
alert(cval);
});

对于每个循环，获取点击事件的 td 值 jQuery

For each loop get td value on click event jQuery

html

javascript

jquery

html-table

onclick