ui-dialogボタンへのaddClassの問題

Question

誰かがui-dialog-buttonsetにクラスを追加するのを手伝ってもらえますか？「追加」と「削除」の2つのボタンがあり、それぞれを適切にスタイルしたいと思います。

どのように私は

<div class="ui-dialog-buttonset"> 
    <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"> 
     <span class="ui-button-text">Add this item</span> 
    </button> 
</div> 

.. UI-ダイアログのプラグインからHTMLを追加する

編集

$dialogContent.dialog({ 
      modal: true, 
      resizable: false, 
      title: "New thing", 
      close: function() { 
       $dialogContent.dialog("destroy"); 
       $dialogContent.hide(); 
       $('#other').stuff("removeUnsavedEvents"); 
      }, 

      buttons: { 
       'Add this item' : function() { 

        if(client_url.val() == '') 
        { 
         alert('client not selected'); 
         $other.stuff("removeUnsavedEvents"); 
         $dialogContent.dialog("close"); 
         return; 
        } 

          $dialogContent.dialog("close"); 
         }, 
        }); 

        update_stuff_overview(); 
       } 
      } 

     } 

感謝 'をこのアイテムを追加' 読み込みボタンにクラスを追加することができます私は上記のボタンに "new_class"を追加しようとしています。それが唯一の最初のボタンのスタイルを設定します

$(this).parent().find('button:nth-child(1)').addClass('your-class-name'); 

：ここ

Answer 1

は、ダイアログのオープンイベントで

var button_text = $('#button-id').attr('value'); 
if(button_text == 'Add this item'){ 
    $('#button-id').addClass('class_name'); 
} 

Answer 2

答えはこれを追加することです。追加のボタンのスタイルを設定する場合は、同じ方法で適用しますが、子の番号を変更します（例： 'ボタン：nth-​​child（2）'）。私のボタンをjQueryでスタイルする方法1.9