JS関数にHTMLコードを追加するにはどうすればよいですか？

-1

私は以下のjsを使用して、.relatedactivitiesというクラスのテキストを別のテキストに置き換えています。下の例では、テキストは「関連アクティビティ」です。JS関数にHTMLコードを追加するにはどうすればよいですか？

<script> 
$(document).ready(function(){ 
       $(".relatedactivities").text('Related Activities'); 
}) 
</script>

テキスト「関連アクティビティ」を以下のHTMLコードで置き換えるにはどうすればよいですか？

<h1 class="GreenLrg" align="center">Related Activities</h1> 
<div align="center"> <a href="/activities/kauai/ziplineadventures/koloa-zipline.htm"> 
<div class="CatBox"><img src="/Portals/0/1koloa-zipline-tour-2.jpg" height="174" width="231"><span>Koloa Zipline Tour</span></div> 
</a> <a href="/activities/kauai/ziplineadventures/zip-n-dip-expedition.htm">  
<div class="CatBox"><img src="/Portals/0/2zip-n-dip-2.jpg" height="174" width="231"><span>Zip N' Dip Expedition</span></div> 
</a> <a href="/activities/kauai/ziplineadventures/kipu-falls-safari.htm"> 
<div class="CatBox"><img src="/Portals/0/3kipu-zipline-safari-2.jpg" height="174" width="231"><span>Kipu Zipline Safari</span></div> 
<p></p> 
</a></div><a href="/activities/kauai/ziplineadventures/kipu-falls-safari.htm">

出典

2016-04-08 Parlanchina

innerHTMLでdivを試しましたか？ – durbnpoisn

をチェックし、私は、あなたのJavaScriptでハードコードのHTMLを示唆していません。

完璧な世界では、HTMLを返すAJAX経由でバックエンドサービスを呼び出すことができます。また、AngularJSやReact.JSなどのフレームワークやライブラリを使用することもできます。

を.html('<html here/>')に変更するだけです。

出典

2016-04-08 19:18:05 justinledouxweb

ありがとうございました！ – Parlanchina

あなたは.text()の代わりに.html()を使用する必要があります：

$(".relatedactivities").html('<h1 class="GreenLrg" align="center">Related Activities</h1>...');

出典

2016-04-08 19:15:45 Jeff

用途：HTML（）

$(".relatedactivities").html('your code html');

のように、この方法は、ブラウザのinnerHTMLプロパティを使用しています。一部のブラウザは、元の文書のHTMLソースを正確に複製するHTMLを返さない場合があります。たとえば、Internet Explorerでは、英数字のみの場合、属性値の引用符を省略することがあります。その詳細については

それが長期的に維持することが極めて困難になるように、http://api.jquery.com/html/

出典

2016-04-08 19:15:53

JS関数にHTMLコードを追加するにはどうすればよいですか？

答えて

関連する問題