2015-07-24 3 views
2

У меня есть элемент, когда осмотр показывает:Как получить доступ Span текст кнопки в JQuery

<button type="button" class="siebui-ctrl-btn siebui-icon-editresponse s_1_1_126_0 appletButton" id="s_1_1_126_0_Ctrl" name="s_1_1_126_0" data-display="Edit Response" tabindex="0" title="Request: Main Menu:Edit Response" aria-label="Request: Main Menu:Edit Response" data-seq="0"> 
    <span>Edit Response</span> 
</button> 

Я хотел бы иметь возможность обновлять текст диапазона на «Ответить» с помощью JQuery.

Я пытался несколько различных вещей, таких как:

$('#s_1_1_126_0_Ctrl span').text("Respond"); 

и

$(".siebui-ctrl-btn.siebui-icon-editresponse.s_1_1_126_0.appletButton").text("Respond"); 

Что я здесь отсутствует?

+2

Вы можете закрыть кнопку тег правильно и проверить или ее опечатка? – jrath

+0

Существует ли кнопка, когда ваш код работает? 'alert ($ ('# s_1_1_126_0_Ctrl'). length)' Также попробуйте запустить этот код в консоли браузера и посмотреть, что произойдет – charlietfl

+0

Когда я запускаю/закрываю тег правильно, код не отображается в моем вопросе. Он просто показывает текст «Изменить ответ». Когда код запускается, кнопка есть. –

ответ

0

Вы можете добавить проем внутри кнопки, чтобы использовать приведенный вами пример. Поскольку на странице не было развернутого диапазона, JQuery не узнает ссылку на диапазон {ID}.

<button><span id="myid">Edit Respond</span></button> 

$('#myid').text("Respond"); 
-1

Во-первых, это не хорошо, так как нет пядь:

$('#s_1_1_126_0_Ctrl span') 

Оно должно быть:

$('#s_1_1_126_0_Ctrl') 

Try и посмотреть.

+1

Возможно, вам захочется подойти поближе к html ... там определенно будет промежуток – charlietfl

+0

Right; когда я ответил, он не был правильно отформатирован. – Neonjack

0

$('#s_1_1_126_0_Ctrl span') не ищет пролет в детстве.

Так что измените это;

$('#s_1_1_126_0_Ctrl > span') найти промежуток, как ребенок кнопки

$(document).ready(function() { 
    $('#s_1_1_126_0_Ctrl > span').text("Respond"); 
}); 
+0

заявление неточно и немного вводит в заблуждение. Весь ваш селектор делает более конкретным, чтобы смотреть только на детей. Версия OP найдет любой диапазон в этом элементе – charlietfl

+0

Приносим извинения за вводящую в заблуждение формулировку. Первый пример должен работать. Но в некоторых приложениях он выберет неправильный интервал и попытается изменить этот текст. Поэтому, если вы более конкретны, вы, скорее всего, увидите ответ, который вам нужен. – Kelsey

0
<button type="button" class="siebui-ctrl-btn siebui-icon-editresponse s_1_1_126_0 appletButton" id="s_1_1_126_0_Ctrl" name="s_1_1_126_0" data-display="Edit Response" tabindex="0" title="Request: Main Menu:Edit Response" aria-label="Request: Main Menu:Edit Response" data-seq="0">Edit Response</button> 

Jquery

$('#s_1_1_126_0_Ctrl').click(function(){ 
    $('#s_1_1_126_0_Ctrl').text("Respond"); 
});