2010-12-15 5 views
0

누구든지 이것을 구현하는 방법에 대한 아이디어를 공유 할 수 있습니까? 쉼표로 구분 된 div 이름이있는 변수가 있습니다. AJAX 요청 후 문자열에서 파싱 된 모든 div를 숨겨야합니다. 그래서 어떻게 개별 div 이름을 얻고 그것을 숨길 문자열을 구문 분석합니까 ?? 사전문자열에서 div id 값 가져 오기 및 조작하기

jQuery 코드

var dragExternal = 'div1a,div1b,div2a,div2b'; 

    $.ajax({ 
    type: 'POST', 
    url: "index.html", 
    data: dragExternal, 
    processData: false, 
    success: function(data) { 
    alert("Success"); 
     //Start of code to hide all the div's parsed from the string 
     $('#div1a').slideUp(90); 
    }, 
    error: function(data) { 
    alert("Cannot Reach Server"); 
    } 
    }); 

HTML 코드 첫째

<div id="div1a">Item 1</div> 
<div id="div1b">Item 2</div> 
<div id="div2a">Item 3</div> 
<div id="div2b">Item 4</div> 
<div id="div3a">Item 5</div> 
<div id="div3b">Item 6</div> 

답변

3

에서

감사합니다, 당신은 dragExternal에서 모든 ID를 얻을 수있을 것입니다. string.split(',')을 사용하여이 작업을 수행하십시오.

그런 다음 jQuery.each 메서드를 사용하여 각 항목을 살펴볼 수 있습니다.

var dragExternal = 'div1a,div1b,div2a,div2b'; 

$.each(dragExternal.split(','), function(i,item){ 
    $("#" + item).hide(); 
}); 

예 : http://jsfiddle.net/jonathon/UMCrC/

당신도 $ .each를 필요로하지 않지만 (그래도 사용을 알고하는 것이 좋다) - 그들은 모두 단지 문자열있어 이후 :

var dragExternal = 'div1a,div1b,div2a,div2b', 
    items = dragExternal.split(',') 

for(var i=0;i<items.length;i++){ 
    $("#" + item[i]).hide(); 
}; 

당신을 으로 div 이름 접두어로 각 div를 가져 오려면 id selector을 사용하십시오.

+0

첫 번째 것은 훨씬 깨끗합니다. – sje397

+0

넵 - 아름답다는 이유로 jQuery를 잘못 이해할 수 없습니다! –

+0

고마워요 조나단 ... 완벽하게 작동했습니다 .. :-) – Sullan

관련 문제