JS переименовать кнопку зная только класс?

Question

[des1roer]

есть такой код

<button class="ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all" 
data-event="click" data-handler="hide" type="button">
Закрыть</button>

как мне изменить текст внутри кнопки?

Answer 1

[Mikhail Osher]

api.jqueryui.com/datepicker/#option-closeText

$( ".selector" ).datepicker({
  closeText: "your close text"
});

Comments

[Abdula Magomedov]

Ахах. )) Круто ))

[des1roer]

хитро. ))) а я сразу велосипеды пошел строить

Answer 2

[Abdula Magomedov]

Если не можешь дать id кнопке, то дай id его родителю и ищи внутри этого родителя тег button.

$("#parent_id").find('button:contains("Закрыть")').text('Новый текст');

Или используй класс ui-datepicker-close

$("#parent_id").find('.ui-datepicker-close').text('Новый текст');

Или покажи полностью, свою задачу. Мы поможем решить.

Comments

[des1roer]

как идея div id="ui-datepicker-div" это предок. но там две кнопки %(

[Abdula Magomedov]

des1roer: ищи по содержимому кнопки

[tplus]

Можно взять .childNodes[n], если у обоих кнопок набор классов одинаковый.

[Abdula Magomedov]

Или задай, первая это кнопка или последняя.

[des1roer]

Avarskiy: Я скрин скинул что мне firebug говорит

[des1roer]

не хочет < script>
$ ("#ui-datepicker-div").find('button:contains("Закрыть")').text('Новый текст');
$ ("#ui-datepicker-div").find('.ui-datepicker-close').text('Новый текст');
< / script>

[tplus]

$('.ui-proirity-primary').text('Новый текст');

[Abdula Magomedov]

des1roer: Что пишет?

[des1roer]

Avarskiy: да странно даж ошибки нет в консоли. может нужно как то при отображении datepicker скрипт вызывать?

[Abdula Magomedov]

des1roer: 99% уверен, что у тебя на странице 2 или более элементов с таким id.

[des1roer]

i.imgur.com/2H8wXdh.png нет второго календаря

[des1roer]

но есть такое

'jQuery(\'#from_date\').datepicker(jQuery.extend({showMonthAfterYear:false},jQuery.datepicker.regional[\'ru\'],{\'showAnim\':\'slide\',\'changeMonth\':true,\'changeYear\':true,\'showButtonPanel\':true,\'dateFormat\':\'yy-mm\',\'onClose\': function(dateText, inst) { function isDonePressed(){ return ($(\"#ui-datepicker-div\").html().indexOf(\"ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover\") > -1);}if (isDonePressed()){var month = $(\"#ui-datepicker-div .ui-datepicker-month :selected\").val();month = parseInt(month)+1;var year = $(\"#ui-datepicker-div .ui-datepicker-year :selected\").val(); if (month.toString().length == 1) {


month = \"0\" + month;


};window.location.search = \"readmin&from_date=\" + year+\"-\"+month; return false;}}}));'


'CButtonColumn#yw7_c24'