Zendesk书签开发中jQuery直接ID选择器失效原因探究
jQuery ID选择器在Zendesk书签工具中失效的原因?
我正在为Zendesk开发若干书签工具,目前遇到了jQuery ID选择器的使用问题。
给定如下HTML代码:
<label data-garden-id="forms.input_label" data-garden-version="8.69.11" id="64val-field_2.1.0--label" for="64val-field_2.1.0--input" data-garden-container-id="containers.field" data-garden-container-version="2.1.0" class="sc-1gau0qu-1 gGZrXf StyledLabel-sc-2utmsz-0 bYrRLL">Project ID</label> <input data-garden-id="forms.input" data-garden-version="8.69.11" aria-invalid="false" id="64val-field_2.1.0--input" aria-labelledby="64val-field_2.1.0--label" data-test-id="ticket-fields-text-field" data-tracking-id="ticket-fields-text-field" type="text" class="sc-1gau0qu-2 gEiOHk StyledTextInput-sc-k12n8x-0 bXXlCE" value="foo">
我计划通过label的for属性定位对应的input字段值,使用$("label:contains('Project ID')").attr("for")可获取到input的id值65val-field_2.1.0--input。
我尝试在该id前添加'#'作为jQuery直接ID选择器使用:
$('#' + $("label:contains('Project ID')").attr("for")); // 返回长度为`0`
但该方式失效,而使用document.getElementById($("label:contains('Project ID')").attr("for"))和$('input[id="'+ $("label:contains('Project ID')").attr("for") + '"]')[0]均可成功获取元素。
虽然我可以用getElementById作为替代方案,但我想了解jQuery直接ID选择器失效的原因,是否有遗漏的关键点?
内容的提问来源于stack exchange,提问作者Brendan Stephens
相关产品推荐
相关产品推荐

