동적 내용이있는 버튼

Question

로드되는 항목에 따라 레이블이 변경되는 버튼이 있습니다. 클릭하면 버튼이 새로운 데이터를 차트에로드합니다. 이것은 스팬 요소에서 잘 작동하지만 버튼에 스팬을 래핑 할 때는 작동하지 않습니다.

예 :

<button type = "button" class = "btn btn-default"><span id="cat1"></span></button> 

레이블이 설정됩니다

데이터와 클릭에 바인딩

click: function (e) { 
      document.getElementById('cat1').innerHTML = 'something' 
}; 

: 나는 범위에 해당하는 버튼을 추가 할 때

$("#cat1").click(function() { 
    // do stuff 
}); 

뭔가가 분실 . 스팬을 앵커로 대체하려고 시도했지만 작동하지 않습니다.

Answer 1

시도해 보셨습니까?

<button type="button" class="btn btn-default" id="cat1"></button> 

Answer 2

jQuery를 어떻게 사용하고 있습니까? 더 간단한 양식을 사용해보십시오.

하면보십시오 :

$('#cat1').html('something'); 

Answer 3

당신은 범위의 텍스트를 업데이트 할 수 있습니다 버튼을 클릭 할 때 사용하여 다음과 같은 :

$('#cat1').click(function() { 
    $(this).html('something'); 
}); 

또는 설정 값 이벤트를 벗어나면, 당신은 그것을 시도하지 못할

위의 코드

$('#btnClick #cat1').text("something"); 

나는 btnClick로 버튼의 ID를했다.

스팬도 사용하지 않고 기능을 구현할 수 있습니다. 이를 위해 당신은 범위가 버튼 안에 중첩 될 때 클릭 이벤트에있을 필요가 코드가

$('#btnClick').text("change") 

Answer 4

될 것입니다 버튼의 텍스트를 변경하려면

<button id="btnClick">Button</button> 

로 버튼을 지정할 때마다 필요 당신이 그것을 클릭하면 버튼 클릭이 발사됩니다. 하지만 스팬 클릭 당신이 부트 스트랩을 사용하는 것처럼, 당신은 내가 바이올린의 작업 예제가 다음

<div class="btn btn-default"> 
    <span id="cat1"></span> 
</div> 

처럼 뭔가를 할 수 보이는 당신의 HTML을 기반으로

해고되지 않습니다.

http://jsfiddle.net/pparas/dv3amy7k/1/