首頁 >web前端 >js教程 >如何使用 jQuery 正確選擇名稱屬性中帶有方括號的輸入元素?

如何使用 jQuery 正確選擇名稱屬性中帶有方括號的輸入元素?

Susan Sarandon
Susan Sarandon原創
2024-11-26 17:33:15974瀏覽

How to Correctly Select Input Elements with Square Brackets in Their Name Attribute using jQuery?

使用jQuery 選擇名稱屬性中帶有方括號的輸入元素

當嘗試選擇名稱屬性中帶有方括號的元素元素時,使用者使用傳統的jQuery 選擇器可能會遇到困難。本文探討了選擇此類元素的正確方法。

問題陳述

以下程式碼片段示範了嘗試選擇名稱屬性包含方括號的輸入元素:

$('input[inputName[]=someValue]')
$('input[inputName[]=someValue]')
$('input["inputName[]"=someValue]')

但是,這些方法並沒有達到預期的效果

解決方案

根據jQuery 文檔,對name 屬性中的特殊字符進行轉義的正確語法是使用反斜線字元(),如下所示:

$('input[inputName\[\]=someValue]')

修正原始內容選擇器

此外,原始選擇器嘗試組合兩個條件:

  • 選擇名稱為「inputName []」的輸入
  • 濾波結果只包含那些值為「someV alue」的

正確的選擇器,結合了以下方法轉義特殊字元並進行過濾,將是:

$('input[name="inputName[]"][value="someValue"]')

此選擇器成功定位具有「inputName[ ]”名稱屬性和“someValue”值的輸入元素。

以上是如何使用 jQuery 正確選擇名稱屬性中帶有方括號的輸入元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn