<script type="text/javascript">
$(document).ready(function () {
$("tr.item").each(function () {
var weight = $(this).children('td.Weight').text();
var unit = "Kg";
$(".Weight").text(weight + unit);
});
});
</script>
html code...
@foreach (var item in Model) {
<tr class="item">
<td>
@Html.DisplayFor(modelItem => item.OrderId)
</td>
<td>
@Html.DisplayFor(modelItem => item.CustomerId)
</td>
<td>
@Html.DisplayFor(modelItem => item.OrderDate)
</td>
<td>
@Html.DisplayFor(modelItem => item.OrderQty)
</td>
<td class="Weight">
@Html.DisplayFor(ModelItem => item.TotalWeight, new { id="TotalWeight"})
</td>
</tr>
값은 5000Kg, 5000KgKg, 5000KgKgKg 등의 요소와 계속 연결됩니다. 현재 값을 고려할 수 없으며 코드는 모든 행을 고려합니다.
에서 사용 된 선택기 $(".Weight").text(weight + unit);
는 현재 tr
요소 내의 요소 뿐만 아니라 "Weight"클래스를 가진 모든 요소 를 선택합니다 . $(this).children("td.Weight")
그래도 사용하여 올바른 요소를 찾을 수 있으므로 해당 요소를 다시 사용하십시오 .
$("tr.item").each(function () {
var $weight = $(this).children(".weight"),
weight = $weight.text(),
unit = "Kg";
$weight.text(weight + unit);
});
BTW : 더 짧은 선택기를 사용하는 것이 좋습니다.이 경우 .Weight
에는 충분하고 클래스 이름과 일치 할 수 있습니다 ( "Weight"를 소문자로 작성).
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다