JQuery에서 [attribute^=value] 선택기를 사용할 때 주의해야 할 사항은 무엇입니까?

Notes1:

Firefox에서

jQuery

selector [attribute^=value] 사용에 대한 참고사항

이것은 제가 이전에 작성한 스크립트에서 사용되었습니다

var bindAttrs = $("[databind^='attr'", item);

모두 문제를 보셨나요?

이 스크립트는 한동안 사용되었지만 Firefox에서는 테스트된 적이 없습니다.

다른 브라우저에서는 정상적으로 사용할 수 있습니다!

오늘 갑자기 Firefox에 로드된 데이터가 잘못된 것을 발견했습니다. 몇 시간의

디버깅

끝에 마침내 코드에 문제가 있음이 발견되었습니다.

저 수준의 실수만 저질렀습니다. 왼쪽 대괄호를 쓰는 것을 잊어버렸습니다.

참고 2:

관련 HTML:

<div id="Zy_hotsort_img" class="Zy_hotsort_img">  
<img src="${ctx}/images/resource/jpg02.jpg" databind="attr:{src:=http://{{newCourseware.coverpath}}}" >  
<div class="Zy_newicon">new</div>  
</div>

관련 JS 코드:

var item = $("#<span style="font-family: Arial, Helvetica, sans-serif;">Zy_hotsort_img</span>
<span style="font-family: Arial, Helvetica, sans-serif;">").html();</span>  
var bindAttrs = $("*[databind^=&#39;attr&#39;]", item);

이렇게 하면 databind

attribute

가 attr로 시작하는 img 요소를 얻을 수 없으므로 어떻게 작성해야 합니까? ?

쓰기 방법 1:

var item = $("#Zy_hotsort_img").prop("outerHTML");  
var bindAttrs = $("*[databind^='attr']", item);

🎜쓰기 방법 2:🎜

var item = $("#Zy_hotsort_img").html();  
var bindAttrs = $("*[databind^=&#39;attr&#39;]", $("<div></div>").append(item));

위 내용은 JQuery에서 [attribute^=value] 선택기를 사용할 때 주의해야 할 사항은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!