IT story

jQuery를 사용하여 요소 ID에 특정 텍스트가 포함 된 페이지에서 모든 요소 찾기

hot-time 2020. 7. 18. 09:57
반응형

jQuery를 사용하여 요소 ID에 특정 텍스트가 포함 된 페이지에서 모든 요소 찾기


요소 ID에 특정 텍스트가 포함 된 페이지에서 모든 요소를 ​​찾으려고합니다. 그런 다음 찾은 요소가 숨겨져 있는지 여부를 기준으로 필터링 된 요소를 필터링해야합니다. 도움을 주시면 감사하겠습니다.


$('*[id*=mytext]:visible').each(function() {
    $(this).doStuff();
});

선택기 시작 부분의 별표 '*'는 모든 요소와 일치합니다 .

: visible: hidden 선택기 뿐만 아니라 속성에 선택기 포함을 참조하십시오 .


Contains찾는다면 다음과 같습니다.

    $("input[id*='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

Starts With찾는다면 다음과 같습니다.

    $("input[id^='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

Ends With찾는다면 다음과 같습니다.

     $("input[id$='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

주어진 문자열이 아닌 id를 가진 요소를 선택하려면

    $("input[id!='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

이름이 주어진 단어를 포함하는 요소를 선택하려면 공백으로 구분하십시오

     $("input[name~='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

id가 주어진 문자열과 같거나 해당 문자열로 시작하고 하이픈이있는 요소를 선택하려는 경우

     $("input[id|='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

ID가 'foo'인 ID를 가진 모든 DIV를 선택합니다.

$("div:visible[id*='foo']");

둘 다 고마워 이것은 나를 위해 완벽하게 작동했습니다.

$("input[type='text'][id*=" + strID + "]:visible").each(function() {
    this.value=strVal;
});

참고 : https://stackoverflow.com/questions/1206739/find-all-elements-on-a-page-whose-element-id-contains-a-certain-text-using-jquer

반응형