복붙노트

[JQUERY] jQuery를이 : 텍스트에 의한 요소를 찾을 수

JQUERY

jQuery를이 : 텍스트에 의한 요소를 찾을 수

해결법


  1. 1.당신은 사용할 수 있습니다 : 내용에 따라 요소를 얻기 위해 선택을 포함합니다.

    당신은 사용할 수 있습니다 : 내용에 따라 요소를 얻기 위해 선택을 포함합니다.

    여기 데모

    . $는 : CSS ( '배경 색', '빨간색') ( '사업부는 ( "테스트")를 포함');

    이 테스트 이다
    또 다른 사업부 <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js">


  2. 2.jQuery를 문서에서는 말한다 :

    jQuery를 문서에서는 말한다 :

    따라서 당신이 사용하는 것만으로는 충분하지 않습니다 : 선택, 당신은 또한 당신이 검색의 텍스트는 당신이 그런 일을 위해 대상으로하는 요소의 직접적인 내용이 있는지 확인 필요) (포함 :

    function findElementByText(text) {
        var jSpot = $("b:contains(" + text + ")")
                    .filter(function() { return $(this).children().length === 0;})
                    .parent();  // because you asked the parent of that element
    
        return jSpot;
    }
    

  3. 3.친구들, 나는 이것이 오래 알고 있지만 헤이 나는 내가 더 잘 모든 것보다 일을 생각이 솔루션을했습니다. 가장 먼저 JQuery와이있는 대소 문자 구분을 극복 : 포함 ()가 함께 제공됩니다 :

    친구들, 나는 이것이 오래 알고 있지만 헤이 나는 내가 더 잘 모든 것보다 일을 생각이 솔루션을했습니다. 가장 먼저 JQuery와이있는 대소 문자 구분을 극복 : 포함 ()가 함께 제공됩니다 :

    var text = "text";
    
    var search = $( "ul li label" ).filter( function ()
    {
        return $( this ).text().toLowerCase().indexOf( text.toLowerCase() ) >= 0;
    }).first(); // Returns the first element that matches the text. You can return the last one with .last()
    

    가까운 장래에 희망 누군가가 도움이 발견한다.


  4. 4.로켓의 대답은 작동하지 않습니다.

    로켓의 대답은 작동하지 않습니다.

    <div>hhhhhh
    <div>This is a test</div>
    <div>Another Div</div>
    </div>
    

    나는 단순히 여기에 자신의 데모를 수정하면 루트 DOM이 선택되어 볼 수 있습니다.

    $('div:contains("test"):last').css('background-color', 'red');
    

    추가 "마지막으로"선택을 코드에서이 문제를 해결 할 수 있습니다.


  5. 5.제 생각에 가장 좋은 방법.

    제 생각에 가장 좋은 방법.

    $.fn.findByContentText = function (text) {
        return $(this).contents().filter(function () {
            return $(this).text().trim() == text.trim();
        });
    };
    

  6. 6.네, JQuery와 선택기를 포함 사용할 수 있습니다.

    네, JQuery와 선택기를 포함 사용할 수 있습니다.


  7. 7.DOM 트리의 리프 노드입니다 아이를, 텍스트를 포함 없지만이 jQuery를 선택 DIV 노드 다음.

    DOM 트리의 리프 노드입니다 아이를, 텍스트를 포함 없지만이 jQuery를 선택 DIV 노드 다음.

    $은 ( '사업부가 : ( "테스트")를 포함하지 ((*))가'). CSS는 ( '배경 색을', '빨간색');

    div1
    이 테스트는 중첩에 div1 입니다
    중첩에 div1
    DIV2 테스트
    이 또 다른 시험, 중첩의 DIV2
    중첩에 DIV2
    div3 <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js">

  8. from https://stackoverflow.com/questions/7321896/jquery-find-element-by-text by cc-by-sa and MIT license