Sweet Alertのカスタマイズについて

Question

Sweet AlertというJQueryプラグインを使っています。
アラートウィンドを自動でデザインしてくれるものです。

http://t4t5.github.io/sweetalert/

こちらの中のデモにある、
「A warning message, with a function attached to the "Confirm"-button...」というやつをカスタマイズしたいと思っています。
具体的には、Yes!Delete it!を押したあとで、特定のテキストやスタイルを変更したりしたいです。
（アラートのテキスト・スタイルではなく、サイト上のテキスト）

swal({
  title: "Are you sure?",
  text: "You will not be able to recover this imaginary file!",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: false
},
function(){
  swal("Deleted!", "Your imaginary file has been deleted.", "success");
 ●●●●
});

●●●●のエリアに、

$(this).text('テキスト');

など書いてみても反映されずに苦戦しています。

実装方法を教えて頂けますと幸いです。

Answer 1

swal("Deleted!", "Your imaginary file has been deleted.", "success");
      ↓
swal({
		title: "<span style="****">Deleted</span >!",
		text: "You will not be able to recover this imaginary file!
                <span style="****">追加したいテキスト<span>",
		type: "success",
		html: true
	});

text: '~~',内の改行は\nで行けます。
style="****"で自由にスタイルを記述してください。

Answer 2

thisが想定しているものと違うのが原因です。

	var _self = this; //thisを退避する
	swal({
		title: "Are you sure?",
		text: "You will not be able to recover this imaginary file!",
		type: "warning",
		showCancelButton: true,
		confirmButtonColor: '#DD6B55',
		confirmButtonText: 'Yes, delete it!',
		closeOnConfirm: false
	},
	function(){
		swal("Deleted!", "Your imaginary file has been deleted!", "success");
		$(_self).text('テキスト'); //退避したthisを使う
	});

Comments

[poooooo]

ありがとうございます。
お教えいただいた方法で解決しました。