동적 값을 Jquery 선택자와 연결하는 방법은 무엇입니까?

Question

div id로 Jquery 함수를 사용하고 있는데 해당 div id에 동적 값을 첨부해야합니다. 사업부 아이디 이름 foodtypes

$(function() { 
var i = 0; 
$('body').on('click','#foodtypes+i+ input',function() { 
    console.log('foodtype function called') 

}); 

이다 그러나이 방법은 called.SO 결코, 나는 내가 값 아래 다음의 작업 벌금을 하드 코딩.

$(function() { 
var i = 0; 
$('body').on('click','#foodtypes0 input',function() { 
    console.log('foodtype function called') 

}); 

누군가가 나를 전달하거나 변수를 동적으로 연결하는 방법을 알려주세요.

Answer 1

그것은 자바 스크립트 단지 문자열 연산의 :

'#foodtypes' + i + ' input' 

생산할 예정이 (i === 0 경우) :

'#foodtypes0 input' 

당신이 숫자를 문자열로 추가 할 때 그냥 자바 스크립트 문자열을 추가 할 수 있습니다, 숫자는 이전 문자열에 추가하기 전에 문자열로 변환됩니다.

Answer 2

코드 아래 사용하려고 :

$(function() { 
    var i = 0; 
    $('body').on('click','#foodtypes' + i + ' input',function() { 
     console.log('foodtype' + i + ' function called'); 
    }); 

Answer 3

그것을해야한다 :

$('body').on('click', '#foodtypes'+i+' input', function() { 
    //do something 
});