jQuery : ID 문자열을 사용하여 객체를 가져 오려고 시도합니다.

Question

사용자가 선택한 아이콘의 ID 이름을 보유하는 양식에 5 개의 $ _POST 숨김 필드가 있습니다. 사용자가 다시 페이지로 돌아갈 때이 아이콘을 다시 표시되게하고 싶습니다. 문제를 해결하는 방법을 모르겠다. (문제로 표시).

var i=0; 
while($('#field' + i + 1 + '_icon_id').val() != '') { 
    $('img.selectable').filter(function() { 
     // PROBLEM IS HERE (I THINK) 
     return $(this).attr('id') == $('#field' + i + 1 +'_icon_id').val(); 
    }).css('border','3px solid ' + BLACK_COLOR); 
    i++; 
} 

게다가 내 jQuery에 대한 조사는 어떻게해야합니까? 디버깅 할 수 있습니까?

미리 감사드립니다.

Answer 1

귀하의 브라우저에 따라 다릅니다. 최근 브라우저를 사용하는 경우 일반적으로 F12 키를 눌러 개발자 창을 열 수 있습니다.

Chrome에서는 탭 중 하나를 스크립트라고합니다. 이 화면으로 가서 라인을 찾고 라인 번호를 클릭하여 중단 점을 설정할 수 있습니다. 중단 점을 활성화 한 후에는 콘솔을 열려면 화면 하단에있는 버튼을 클릭하면, 당신은

"#field' + i + 1 + '_icon_id' 

을 입력 할 수 있으며 표시 줄 있도록이, 당신은 즉석에서 자바 스크립트 기능을 평가할 수 있습니다 대답. 브라케팅을 추가

>>> i = 0 
0 
>>> '#field' + i + 1 + '_icon_id' 
"#field01_icon_id" 

이 결과를 보여줍니다 : 이것은 내가 파이어 폭스의 '방화범'개발자 창을 사용하여 무엇을 가지고 첫 번째 경우 = 1 '을'가정 난, 올바른

>>> i = 9 
9 
>>> '#field' + (i + 1) + '_icon_id' 
"#field10_icon_id" 

Answer 2

내가 선택 행 다음에 대해 의심

$ ('# 필드'+ 내가 + 1 + '_ icon_id')

그것은이

$ 같아야합니다 ('#field'+ (i + 1) + '_ icon_id')