JQuery에서 단추 ID를 기반으로 대화 상자 제목을 변경하는 방법

Question

페이지에서 어떤 단추를 클릭했는지에 따라 JQuery 대화 제목을 변경할 수 있기를 원합니다.

나는 같은 클래스의 버튼이 각기 다른데, 각기 다른 ID를 가지고 있습니다. 버튼을 클릭 할 때마다 대화 상자가 열립니다. if 문 구문이 정확한지 확실하지 않아서 JQuery에 익숙하지 않습니다.

$(function(){ 
    $(".dialogButtons").click(function(){ 

     if($(this).attr('id') == "button1"){ 

      $("#dialog-form").dialog('option', 'title', 'title for button one'); 

     } 

     $("#dialog-form").dialog('open'); 
    }); 

원본 질문을 남기고 싶었지만 클릭 한 ID를 찾는 방법을 알아 냈습니다.

$(this).is("#button1") 

나는 아직도 나뿐만 아니라 이것을 시도했지만 작동하지 않았지만 제목을 변경하는 방법을 생각하지 않은

:

$("#dialog-form").attr('title', 'Button one title'); 

Answer 1

data 당신의 버튼에 속성을 추가하고에서 텍스트를 당겨 각 단추에 대해 별도로 if 문을 쓰는 대신

버튼 :

이 하나를 시도하십시오 (가정 그건 버튼)

<button class="dialogButtons" data-title="some title">Button 1</button> 
<button class="dialogButtons" data-title="another title">Button 2</button> 

스크립트 :

$(function(){ 

    $("#dialog-form").dialog({ 
     autoOpen: false, 
     // other options... 
    }); 

    $(".dialogButtons").click(function(){ 
     var title = $(this).data('title'); 
     $("#dialog-form").dialog('option', 'title', title); 
     $("#dialog-form").dialog('open'); 
    }); 

}); 

JSFiddle