javascript - 按名称迭代选择对象

Question

你好我已经关注了选择对象:

<select id="additionalDataForm.motoForm.cascoForm.ownerClaims.claimsLastYears" name="additionalDataForm.motoForm.cascoForm.ownerClaims.claimsLastYears" 
class="w-65 me2-casco-claims-last-years">
 <option value="">-- choose--</option>
 <option value="0">0</option>
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3 and more</option>
</select>

当我尝试通过 jQuery 获取这个对象时

$('additionalDataForm.motoForm.cascoForm.ownerClaims.claimsLastYears');

或者 $('select#additionalDataForm.motoForm.cascoForm.ownerClaims.claimsLastYears');

我得到 []..

所以我尝试通过以下方式从名称中获取它:

var select = $("select[name='additionalDataForm.motoForm.cascoForm.ownerClaims.claimsLastYears']")

这行得通，我在选择变量中选择了对象

接下来我需要迭代每个选项所以我试图让选项集合迭代但是

select.options or     
        $("select[name='additionalDataForm.motoForm.cascoForm.ownerClaims.claimsLastYears']").options

给我未定义的..而且我不知道如何在我的选择中迭代每个选项元素，我不知道它会发生什么，因为我的元素 ID 有逗号“。” ？我无法修复名称，因为它是由 spring 自动生成的，必须以正确的名称发布到服务器；

Answer 1

试试这个:

$("#additionalDataForm\\.motoForm\\.cascoForm\\.ownerClaims\\.claimsLastYears options")

. 在你的 id 中，给 jQuery 的印象是它是一个类选择器，而实际上它不是。要告诉 jQuery 不要将其视为类选择器，您需要转义这些点。