Programing

jquery를 사용하여 특정 텍스트 값을 포함하는 범위를 어떻게 선택합니까?

crosscheck 2021. 1. 6. 20:17
반응형

jquery를 사용하여 특정 텍스트 값을 포함하는 범위를 어떻게 선택합니까?


"FIND ME"텍스트가 포함 된 범위를 어떻게 찾습니까?

<div>
   <span>FIND ME</span>
   <span>dont find me</span>
</div>

http://api.jquery.com/contains-selector/

$("span:contains('FIND ME')")

ETA :

포함 선택기는 좋지만 더 빠를 경우 스팬 목록 필터링 : http://jsperf.com/jquery-contains-vs-filter

$("span").filter(function() { return ($(this).text().indexOf('FIND ME') > -1) }); -- anywhere match
$("span").filter(function() { return ($(this).text() === 'FIND ME') }); -- exact match

사용 다음을 포함합니다 :

$("span:contains('FIND ME')")

나는 이것이 작동 할 것이라고 생각한다

var span;
$('span').each(function(){
  if($(this).html() == 'FIND ME'){
    span = $(this);
  }
});

그런데 이것을 변수와 함께 사용하려면 다음과 같이하면됩니다.

function findText() {
    $('span').css('border', 'none');  //reset all of the spans to no border
    var find = $('#txtFind').val();   //where txtFind is a simple text input for your search value
    if (find != null && find.length > 0) {
        //search every span for this content
        $("span:contains(" + find + ")").each(function () {
            $(this).css('border', 'solid 2px red');    //mark the content
        });
     }
}

참조 URL : https://stackoverflow.com/questions/9424417/how-do-i-select-a-span-tained-a-specific-text-value-using-jquery

반응형