2015-01-17 55 views
0
<div id="responsive" class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false"> 
    <div class="modal-header"> 
     <h4 id="processorTitle" class="modal-title">Responsive</h4> 
    </div> 
    <div class="modal-body"> 
     <div class="row"> 
      <div class="col-md-12"> 

      </div> 
     </div> 
    </div> 
</div><!-- /modal --> 

我想更改「processorTitle」的文本,但它不起作用。jQuery - 更改編號的文本

的jQuery:

$(".changeLanguage").click(function(){ 
    $("#processorTitle").html('awesome text'); 
    $("#responsive").modal("show"); 
    $.get(window.assetsFolder + "files/languages/" + $(this).attr("requestLanguage") + ".lang") 
     .done(function(data) { 

     }) 
     .fail(function() { 

     }); 
}); 

任何想法?

回答

1

一個經典的JavaScript線應該只是做的工作:

的document.getElementById( 'processorTitle')的innerHTML = '新文本'。

1

假設你包括沒有包含在您的代碼段jQuery庫,但推斷根據您的第一次嘗試:

$("#processorTitle").html("test");

+0

嗯..不工作。 –

+0

請問我們能否看到整個來源。 –

+0

感謝@FabianHell的更新。但是,如果您可以包含完整的源代碼,那將會很棒。很難說,沒有看到包含jQuery的函數使得很難分辨出什麼問題。 –

0

的JavaScript:

document.getElementById('processorTitle').innerHTML='awesome text'; 

的jQuery:

$('#processorTitle').html('awesome text'); 
0

表單元素具有文本屬性,但其他HTML元素(例如您的示例中的H4)則不會。相反,他們有innerHTML

在普通的JavaScript,您可以訪問的innerHTML:

document.getElementById('processorTitle').innerHTML; 

或改變它:

document.getElementById('processorTitle').innerHTML = 'your text'; 

使用jQuery訪問的innerHTML的值,使用.html()

$('#processorTitle').html(); 

或改變它:

$('#processorTitle').html('your text'); 

如果仍然有進行此更改後的麻煩,請確保您包括jQuery庫到您的網頁使用jQuery的特點:

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>