jquery 소스 수정점 부탁드려요 ㅠ
갸릉이
9년 전
조회 5,697
html 안의 dom 갯수를 탐색하는 jquery 소스인데요 ㅠ
입력란은 4개로 id값, 노드명, 속성명, 속성값이고
1개를 적든 3개를 적든 입력된 조건을 만족하는 갯수가 나와야해요 ㅠ
예를들면 아래와 같은 소스가 있어요
</p><p><body></p><p><div id="dog"></p><p><input id="cat" type="text" value=""></p><p><input id="lion" type="text" value=""></p><p></div></p><p><div id="mouse"></div></p><p><span style="font-size: 14.6667px;"><input type="button" value=""></span> </p><p><span style="font-size: 14.6667px;"><input type="button" value=""></span><span style="font-size: 14.6667px;"> </span></p><p></body></p><p>여기서 id값에만 dog나 mouse나 cat이나 lion을 입력하면 1개가 떠야하고
노드명에만 input을 적으면 4개
속성값에만 text를 적으면 2개
노드명에 input 속성값에 button을 적으면 2개
이런식으로 조건에 일치하는걸 찾는게 목적이에요
★id값을 찾고 그 하위에 속한 노드명, 속성명, 속성값이 선택적으로 입력되더라도
그 입력된 조건에 일치하는 갯수를 알아내는 jquery 소스를 짜는것
ps - 단, id값이 없어도 입력된 조건에 일치하는 갯수를 찾을 수 있어야 한다.
</p><p>function node_jquery()</p><p>{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var node_id = $("#n_id").val(); </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var node_name = $("#n_name").val(); </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var node_form = $("#n_form").val(); </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var node_attr = $("#n_value").val();</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var count = 0; </p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var allNode = $("*");</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if(node_id != "") {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>allNode = allNode.find("#" + node_id);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if(node_name != "" && node_form == "") {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>allNode = allNode.find(node_name);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if (node_form != "") {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>allNode = allNode.find("[" + node_form + "]");</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>for(var i = 0; i < allNode.length; i++){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if (node_attr == "") {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>count++;</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>} else {</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>for(var j = 0; j < allNode[i].attributes.length; j++){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if(node_attr == allNode[i].attributes[j].value){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>count++;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>} <span class="Apple-tab-span" style="white-space:pre"> </span> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>} </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}<span class="Apple-tab-span" style="white-space:pre"> </span> <span class="Apple-tab-span" style="white-space:pre"> </span> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>console.log("★ jQery로 검색된 결과는 : " + count + "개 이당!!"); </p><p>}</p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
답변을 작성하려면 로그인이 필요합니다.
로그인