실전) 웹개발 기능대회 예제에서 질문

[Tigerbalm]

안녕하세요. 

슨생님 강의 항상 쵝오에요 bb

 

이거 제가 웹개발 기능대회 예제 풀면서 검색 기능 만든건데요.

슨생님 코드로 하면 저렇게 대문자와 소문자가 같이 검색될 경우 소문자에만 노란색이 표시되는데

이건 어떻게 고치면 될까요?? 

크롬에서 Ctrl+F 하고 영문 검색하면 대소문자 관계없이 다 주황색 표시로 나오던데 저도 그렇게 되게 하고싶습니다. 

혹시 어떻게 하는지 알려주실 수 있나요?  아니면 해당 코드 어디서 찾아볼 수 있는지 혹시 아시나요? 

감사합니당.

 

 

여기 아래에는 제가 쓴 코드 입니다

        $('.serchbar').on('input', function () {
            let text = $('.serchbar').val();
            $('.product').html('');
            $.get('JSON/store.json')
                .done(function (data) {
                    let filtered = data.products.filter(function (a) {
                        return (a.title.match(new RegExp(text, "i")) || a.brand.match(new RegExp(text, "i")));
                    })
                    let results = {};
                    results.products = filtered;
                    parseAdd(results)

                    $('.product h4').each(function (i, elements) {
                        let title = elements.innerHTML;
                        title = title.replace(text, <span style="background : yellow">${text}</span>);
                        elements.innerHTML = title;
                    })
                    $('.product label').each(function (i, elements) {
                        let title = elements.innerHTML;
                        title = title.replace(text, <span style="background : yellow">${text}</span>);
                        elements.innerHTML = title;
                    })
                })
        })

[codingapple]

문자.toLowerCase() 붙이면 전부 소문자로 바뀝니다 그런거 활용해보거나 정규식 함수중에 .replace() 써봐도 될듯요

[Tigerbalm]

감사합니당~

[글쓴이]

글