jQuery에서 ID 그룹을 조작하는 기능

Question

특정 요소에 액세스하여 조작 할 수있는 jQuery 함수를 작성하려고합니다. 지금까지 특정 ID에 액세스하고 조작 할 수만 있었지만 매개 변수로 문자열을 가져 오는 함수를 프로그래밍하는 방법을 알지 못했으며 기본적으로 조작하려는 모든 요소에 대해이 함수를 다시 사용할 수 있습니다. 그것은 나를 ID의 그룹을 조작 할 수 있습니다

jQuery(document).ready(function() { 

// id for the trigger 
var trigger = jQuery('#acf-use_right_column'); 

if (jQuery(trigger).length) { 
    // list of ids to be manipulated 
    var ids = jQuery('#acf-content_right_column, #acf-show_content, #acf-show_news, #acf-news_header, #acf-show_newsletter_form'); 
     // toggle element on click to hide/show 
     trigger.find('input:checkbox').click(function() { 
      ids.toggle(); 
     }); 
     // hide id in dependence of the state of the checkbox 
     trigger.find('input:checkbox').each(function(){ 
      // if checkbox not checked 
      if(!jQuery(this).attr('checked')){ 
       ids.hide(); 
      } 
     });  

} 

}); 

:

이것은 내가 지금까지있는 것입니다. 내 문서에서 다른 ID 그룹을 조작하려면 동일한 코드를 다시 작성해야합니다. 아무도 매개 변수를 받아들이는이 코드에서 함수를 만드는 법을 말해 줄 수 있습니까? 함수의 매개 변수 문자열로 조작하려는 ID로 함수를 호출하고 싶습니다. 아이디어가 있으십니까?

Answer 1

아래의 코드는, 그것은 정확하지 않을 수 있습니다 볼 수 있지만 이것은 당신이 필요로하는 모든이의 배열을 설정하는 방법입니다 당신이

Answer 2

필요 기능을 조작 할 전화보다 당신은 appraoch에게

var manipulate=function(tiggerobj, arrayofobj){ 

// step1 :- use parameter1 fpr id for the trigger 
var trigger = jQuery(tiggerobj); 

if (jQuery(trigger).length) { 
    // list of ids to be manipulated 
var ids=new Array(); 
//step2 :-accumaltae all the ids 
for (var ob in arrayofobj){ 

id.push(jQuery(arrayofobj(ob))); 
} 


     //step3- toggle element on click to hide/show 
     trigger.find('input:checkbox').click(function() { 
      ids.toggle(); 
     }); 
     // hide id in dependence of the state of the checkbox 
     trigger.find('input:checkbox').each(function(){ 
      // if checkbox not checked 
      if(!jQuery(this).attr('checked')){ 
       ids.hide(); 
      } 
     });  

} 

} 

를 사용하십시오 ID를 jQuery가 이해할 수있는 ID 선택기에 추가하십시오. jQuery에 대해 알고 있다면이 사실을 알기 어렵지 않습니다.

// Name it whatever you want, 'pancakes' is my 'foo'. 
function pancakes(trigger, ids) { 
    trigger = $('#' + trigger); 
    // `trigger` is a jQuery object already so you don't have to 
    // `jQuery(trigger)` here 
    if(trigger.length) { 
     // This turns `['a','b','c']` into `$('#a,#b,#c')`, the $.map adds the 
     // `'#'` prefix to each element of the `ids` array and produces another 
     // array with the prefixed `ids`; the `join` sticks the elements of the 
     // new array together into a multiple selector. 
     ids = $($.map(ids, function(id) { return '#' + id }).join(',')); 

     // And the rest is as you had it... 
    } 
} 

그럼 당신은 다음과 같이 사용할 수 있습니다 :

pancakes(
    'act-use_right_column', 
    ['acf-content_right_column', 'acf-show_content', 'acf-show_news', 'acf-news_header', 'acf-show_newsletter_form'] 
); 

참고 :

• $.map
• join
• Multiple selector

Answer 3

당신이 생각하는 것보다 훨씬 간단합니다, 당신은, 당신의 함수 내에서 javascript 변수를 사용할 수 있습니다

function myNewFunction(parameter1,parameter2){ 

     var trigger = jQuery(parameter1); 
     if (jQuery(trigger).length) { 
      // list of ids to be manipulated 
      var ids = jQuery(parameter1+', '+parameter2+'_content, '+parameter2+'_news, '+parameter2+'_header, '+parameter2+'_newsletter_form'); 
      // toggle element on click to hide/show 
      trigger.find('input:checkbox').click(function() { 
       ids.toggle(); 
      }); 
      // hide id in dependence of the state of the checkbox 
      trigger.find('input:checkbox').each(function(){ 
      // if checkbox not checked 
      if(!jQuery(this).attr('checked')){ 
       ids.hide(); 
      } 
     });  
    } 
} 

myNewFunction('#acf-use_right_column','#acf-show'); 

당신은 문자열의 배열을 사용하고 그래서 사용하려는

... 
compare = ids.lenght-1 
for (var key in idArray){ 
    if(key!=compare){ 
     string=string+idArray[key]+', ' 
    }else{ 
     string=string+idArray[key] 
    } 
} 
ids = jQuery(string) 
... 

idArray = new Array('#id1','#id2','#id3','#id4')