단순 jQuery 선택기는 Chrome에서 첫번째 요소만 선택합니다..?

단순 jQuery 선택기는 Chrome에서 첫번째 요소만 선택합니다..?

저는 jQuery가 처음이라 밀도가 높은 것을 용서해주세요.모두 선택합니다.<td>Chrome의 JS 콘솔을 통해 특정 페이지의 요소:

$('td')

하지만 이렇게 하면 다음과 같은 출력이 나옵니다.

<td>Apples</td>

jQuery는 다음과 같이 요소 배열을 반환해야 하는 것 아닌가요?<td>태그? 이 기준과 일치하는 첫번째 요소만 표시되는 이유는 무엇입니까?

다음은 해당 사이트입니다. http://www.w3schools.com/html/html_tables.asp

편집: 크롬 콘솔에 jQuery 함수를 입력하면 jQuery 객체가 반환되지 않는다는 점을 추가하고자 합니다.저는 일반적인 HTML 요소를 얻습니다.Chrome 설정/구성 방법에 문제가 있는 것 같습니다.

웹페이지에 jQuery가 존재하지 않고, 물론 다른 코드가 무언가를 할당하지 않는 경우$, Chrome의 JS 콘솔은 다음과 같이 할당합니다.$에 이르는 지름길document.querySelector().

당신이 원하는 것을 이룰 수 있습니다.$$(), 콘솔에 의해 에 대한 단축키가 할당됩니다.document.querySelectorAll().

페이지에 jQuery가 포함되어 있는지 확인하려면 실행할 수 있습니다.jQuery콘솔에서jQuery가 다음 작업에 할당되었는지 여부를 확인하려면 다음과 같이 하십시오.$, 실행할 수 있습니다.$().jquery만약 그렇다면 jQuery 버전이 돌아올 겁니다.

또한 모든 웹페이지에는 jQuery를 주입할 수 있는 브라우저 추가 기능이 있습니다.

대상 페이지에서 실행하기에 jQuery가 제대로 포함되어 있지 않은 것 같습니다.저도 비슷한 문제가 있어서 구글 크롬에 대해 다음과 같이 해결하였습니다.

다음 원라이너 코드가 포함된 북마크를 Chrome 브라우저에 URL 필드로 추가합니다(가독성을 위해 개선됨).

javascript: (function () {
    var s = document.createElement('script');
    s.setAttribute('src', 'https://code.jquery.com/jquery-latest.min.js');
    if (typeof jQuery == 'undefined') {
        document.getElementsByTagName('head')[0].appendChild(s);
    }
    jQuery("td.edit select option[value=BN]").attr("selected", "");
})();

그런 다음 해당 책갈피를 클릭하여 실행합니다.jQuery를 정상적으로 포함하고 콘솔을 만들어 다음과 같은 것을 반환할 것으로 예상됩니다.function (e,t){return new b.fn.init(e,t,r)}입력할 때$.

북마크를 만드는 과정(북마크렛이라고도 함)은 콘솔에서 작업하고자 하는 모든 페이지에 jQuery를 주입하기 위한 간단한 절차입니다.그러나 스니펫 코드는 JS 콘솔에 직접 복사 붙여넣기를 하는 경우에도 작동합니다.

추신: 토막글에 대한 크레딧은 내 것이 아닙니다. 나는 그것을 한동안 사용하고 있고 그것을 어디서 얻었는지 기억할 수 없기 때문입니다.

도움이 되길 바랍니다.

jQuery가 설치된 경우 및$기호는 jQuery의 줄임말입니다.$('td')jQuery 개체를 반환합니다.하지만 당신이 링크한 w3schools 페이지에는 jQuery가 존재하지도 않습니다.

$호,,$('td')jQuery 객체를 반환합니다.과 유사한 jQuery 개체는 배열과 유사한 개체이며(배열의 일부 속성이 있음) 실제 배열이 아닙니다.콘솔에서 사물을 보는 경우에는 포함된 jQuery 객체가 아닌 DOM 요소 자체를 보는 것이 중요합니다.

DOM 요소의 실제 배열을 가져오려면 다음 작업을 수행할 수 있습니다.

$('td').get();

DOM 요소의 배열을 반환합니다.

안 에 $('td').get() 하기 td원하는 항목은 검색하기 전에 페이지에 있습니다.

의 를..each()그것들을 순환하는 것입니다.예를 들어,

$('td').each(function() {
   //do something relevant here
});

언급URL : https://stackoverflow.com/questions/14308588/simple-jquery-selector-only-selects-first-element-in-chrome