首頁猿問如何獲取使用cshtml中的循環創...

如何獲取使用cshtml中的循環創建的每個div / li / a的特定元素的ID

JavaScript

江戶川亂折騰 2021-05-06 16:13:58

我正在從控制器傳遞模型，并使用for循環在div中填充模型元素。對于每個模型項目，都有一個具有不同屬性的div?，F在，我希望每當單擊任何鏈接或元素中的任何一個時，都divs必須獲取分配給它的特定值。我遇到的問題是，它僅拾取在循環的第一次迭代中創建的一個div的值，而與我現在使用的div無關。下面是與我現在正在打印的完全一樣的簡單列表，當我單擊下面創建的任何鏈接時，我都希望該鏈接的值。假設有15個類別，我想要第6個類別是“ java”，我如何使用jquery來獲得該類別。@foreach (var category in ViewBag.Categories){ <li class="item"><a id="categoryItem" value = @category.categoryName>@category.categoryName</a></li>}

查看完整描述

3 回答

月關寶盒

TA貢獻1772條經驗獲得超5個贊

id="categoryItem"

問題出在這個ID分配上。如果這是您的實際代碼，則只需為循環中的所有元素設置相同的ID“ categoryItem”。除了違反HTML標準外，如果您使用此ID尋址元素，這還會導致大多數瀏覽器選擇第一個元素。

要解決此問題，您可以將類別名稱包含在id中，如下所示：

@foreach (var category in ViewBag.Categories)

{

<li class="item"><a id="[email protected]" value ="@category.categoryName">@category.categoryName</a></li>

}

但是，這僅在您的類別名稱不包含空格的情況下才能正常工作，因此使用某種整數id可能會更好。

還要注意""圍繞value價值的雙引號。

反對回復 2021-05-20

慕田峪7331174

TA貢獻1828條經驗獲得超13個贊

根據您的代碼來建立列表：

@foreach (var category in ViewBag.Categories)

{

<li class="item"><a value="@category.categoryName">@category.categoryName</a></li>

}

假設有15個類別，我想要第6個類別是“ java”，我可以使用jquery來獲得。

這可以解釋為：

第六類，恰好是“ java”（即值不相關）

給予：

$("li.item>a:eq(5)").addClass("thisone");

或為：

“ java”類別，恰好是第六類別（即職位無關）

給予：

$("li.item>a[value=java]").addClass("thisone");

（它將選擇所有“ java”）

或為：

第6個“ java”類別（即至少有6個為“ java”，而您希望第6個）

給予：

$("li.item>a[value=java]:eq(5)").addClass("thisone");

更改.addClass("thisone")為您要對該項目執行的操作

您似乎在問3個不同的問題-如何獲取ID，如何獲取nth元素以及：

當我單擊任何div中的任何鏈接或元素時，我必須獲得分配給它的特定值

$("li.item>a").click(function() {

console.log($(this).prop("value"))

});

正如其他人指出的那樣，問題是您可能使用：

$("#categoryItem")...

由于在HTML文檔中ID必須是唯一的，因此，這始終會為您提供第一個信息。（您會注意到我id=從上面的代碼段中刪除了該問題）

反對回復 2021-05-20

慕碼人8056858

TA貢獻1803條經驗獲得超6個贊

你有categoryId你的category模式嗎？如果您這樣做，則更id="categoryItem"改為id="@category.categoryId"

反對回復 2021-05-20

3 回答
0 關注
439 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何獲取使用cshtml中的循環創建的每個div / li / a的特定元素的ID

如何獲取使用cshtml中的循環創建的每個div / li / a的特定元素的ID

3 回答

添加回答