2009-12-10 2 views
3

jQuery, FireFox, Firebug, IE 및 IE 개발자 도구 모음이 있습니다. FireBug 또는 IE Dev 툴바가있는 페이지를 검사 할 때 요소를 클릭 할 수 있으며 요소가있는 dom에 나를 보여줍니다 ... 그 선택을 유효한 jQuery 선택기로 변환하는 방법이 있습니까? ID, 클래스 및 요소를 다른 요소 등과 비교하여 사용할 수 있다는 것을 알고 있지만 클래스 나 ID가없는 임의의 테이블 셀을보고있을 때는 어떻게됩니까? 그렇게 날아라? 나는 확실히 거기에 있다고 생각했다. 어떤 생각이나 아이디어는 항상jQuery 선택기 도움말 - 요소를 클릭하여 선택자를 생성 할 수 있습니까?

감사합니다, 방화범

+0

하나 이상의 요소가 하나 이상의 jQuery 선택기를 사용하여 참조 될 수 있기 때문에 실제 방법이 없다고 생각하지만 FireQuery와 같은 도구가 도움이 될 수 있습니다. –

답변

0

당신이 페이지의 마지막 선택 객체 인 $ 1을 (를) 쓸 수 샌디에고에서 ~ CK를 부탁드립니다.

+0

알아두면 좋을지 모르겠지만이 방화 광 특정 또는 jQuery 특정 기능입니까? –

+0

방화범이 끌리는 특정 –

+0

은 최신 Chrome 콘솔에서도 작동합니다. – Salman

0

당신이

  • 오른쪽 페이지의 <td> 요소를 클릭하고 요소를 검사 방화범

    으로, 즉 <td> 요소 DOM 요소에 속성을 추가 할 찾고 있다면. 방화범의 HTML 탭에서
  • 는 등/아이디/클래스를 추가 태그 즉 <td>
  • 선택의 새로운 속성
  • 마우스 오른쪽 버튼으로 클릭합니다.

... 그게 전부입니다.

1

Firebug 용 FireQuery 플러그인을 확인하십시오.

0

일반적으로 내가하는 일은 script.Below 당신이 당신의 선택을 찾는 데 도움이됩니다 무료 도구의 몇 가지가 있습니다 http://joanpiedra.com/jquery/greasemonkey/

// Add jQuery 
    var GM_JQ = document.createElement('script'); 
    GM_JQ.src = 'http://jquery.com/src/jquery-latest.js'; 
    GM_JQ.type = 'text/javascript'; 
    document.getElementsByTagName('head')[0].appendChild(GM_JQ); 

// Check if jQuery's loaded 
    function GM_wait() { 
     if(typeof unsafeWindow.jQuery == 'undefined') { window.setTimeout(GM_wait,100); } 
    else { $ = unsafeWindow.jQuery; letsJQuery(); } 
    } 
    GM_wait(); 

// All your GM code must be inside this function 
    function letsJQuery() { 
     alert($); // check if the dollar (jquery) function works 
    } 
2

에서 이러한 스크립트 그리스 원숭이로 포장, 방화범 내부 부하 jQuery를하다 . 하나는 Selector Detector이고 다른 하나는 SelectorGadget입니다.

둘 모두 매우 유사하며 구현하기 쉽습니다. 그냥 자바 스크립트 링크를 북마크하고 사이트 (firebug 라이트처럼)에서 엽니 다. 그런 다음 요소를 클릭하여 선택기를 표시하십시오.

방금 ​​데모 및 다운로드 링크가 포함 된 두 기사를 비교했습니다. 더 많은 것을 읽고 싶다면 여기를 봐주세요 : http://www.heinencreative.com/archives/articles/selector-detector-vs-selectorgadget/

관련 문제