如何从Javascript动态查找Div Id [英] How Do I Get Dynamically Chaging Div Id From Javascript

问题描述

这是生成div元素的地方

This is where the div elements are generated

@if (@Model.QuateruserPoints.Count() > 0)
{

foreach (var data1 in Model.QuateruserPoints)
{
<div id="@data1.QuarterName" style="width:450px ;background-color:lightgray">

	<table class="table table-striped table-bordered" data-tbl-selector="@Model.CurrentQuarterId" id="@data1.QuarterName">
	<thead>
		<tr>
			<th>User Name</th>
			<th>Points</th>
			<th>Action</th>
		</tr>
	</thead>
	<tbody>
 @foreach (var data2 in data1.Challengepoints)
	{
		<tr>
		<tr>
			<td>@data2.UserName</td>
			<td>
			<input type="number" class="form-control" id="Points" data-selector="txtUserInp" data-username="@data2.UserName" data-challengeid="@data2.ChallengeId" value="@data2.Points" />
			 @Html.ValidationMessageFor(model => Model.Points)
		</td>
		<td class="deleteRow"><a href='#' data-username="@data2.UserName" data-challengeid="@data2.ChallengeId">delete</a></td>
		</tr>
	}
	</tbody>
	</table>
</div>

}
}

这是一个javascript，你在上面生成的表中添加一行，H2FY15是div的id，其中添加了一个表中的行。 />

This is a javascript where you add a row to a table that is generated above and H2FY15 is one the id of div where a row inside a table is added.

function fillData(data) {
         $.each(jsonObj,function(index,value){
            var htmlTemplate=$('#tblRowUserPoints').html();
            $("#userData1").val(JSON.stringify(jsonObj));
            var username=value.Unametag;
            var NewUser=username.split(";");
            var replaced=htmlTemplate
                    .replace(/%UserName%/g,NewUser[1])
                    .replace(/%Points%/g,value.userPoint);
            $('#H2FY15 > tbody').append(replaced);
        });

    }

H2FY15被硬编码为div id所以我想动态获取div id单击。

H2FY15 is hard-coded as div id so i want to dynamically get the div id that is clicked.

推荐答案

.each（jsonObj， function （index，value）{
var htmlTemplate =

.each(jsonObj,function(index,value){ var htmlTemplate=

（' ＃tblRowUserPoints'）。html（）;

('#tblRowUserPoints').html();

（ ＃userData1）。val（ JSON .stringify（jsonObj））;
var username = value.Unametag;
var NewUser = username.split（ ;）;
var replacement = htmlTemplate
.replace（/ ％UserName％/ g，NewUser [ 1 ]）
.replace（/％Points％/ g，value.userPoint）;

("#userData1").val(JSON.stringify(jsonObj)); var username=value.Unametag; var NewUser=username.split(";"); var replaced=htmlTemplate .replace(/%UserName%/g,NewUser[1]) .replace(/%Points%/g,value.userPoint);

这篇关于如何从Javascript动态查找Div Id的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！