공부/Javascript

jQuery 노드찾기 like 검색

딸기버블티 2022. 8. 8. 12:46

ajax 로 데이터를 불러오다보면 for 문으로 데이터를 뿌려줄 때가 많은데,

<td id="tdid1"> <td id="tdid2"> ... 이런식으로 데이터를 뿌려줄 때가 있다.

 

그렇다면 td 에 대한 id 가 tdid 로 시작하는 노드 모드를 가져 오고 싶을 때는 아래와 같이 쓰면 된다.

1
var nodes= $("td[id*='tdid']");
 

 

이렇게 하면 nodes 에는 html 태그가 td 이고 id 가 tdid 로 시작하는 td들을 모두 담을 수 있다.

 

노드들의 갯수 : nodes.length;

text 가져오기 : node[i].innerHTML;

text 변경하기 : node[i].outerHTML = "변경할값";

 

예시)

 

1
2
3
4
5
6
7
8
var node = $("span[id*='phone']");
if (node.length != 0) {
        for (var i = 0; i < node.length; i++) {
            var phone = node[i].innerHTML;
            phone = telNoBeautify(phone);
            node[i].outerHTML = phone;
        }
    }