2017-08-13 12 views
0

私のような質問がいくつかあることは知っていますが、解決策で問題を解決できませんでした。jQueryまたはPHPで動的変数を作成する

私は他のファイルに含める外部HTMLファイルにこのコードを持って:

<div class="header"> 
    <h1 class="replace-me">I'am a placeholder</h1> 
</div> 

「ファイル」は上記でこの「ファイル」に含まれます:

<h2 style="display: none" class="variable">Hey, I'm a variable</h2> 

変数から2番目のコードは、最初のコードのh1タグの内容を置き換える必要があります。私はこれが無料のコードを取得するフォーラムではないことを知っています、私はちょうどいくつかのインスピレーションや提案が欲しいです。みんなありがとう!

答えて

1

ので、同様にあなたは、別の要素のHTMLで一つの要素のHTMLを置き換えることができます:ラーマシュナイダーが指摘したように

$(".replace-me").html($(".variable").html());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="header"> 
 
    <h1 class="replace-me">I'am a placeholder</h1> 
 
</div> 
 
<h2 style="display: none" class="variable">Hey, I'm a variable</h2>

しかし、あなたはあなたのコンテンツを取得したい場合がありますhtmlとは異なる方法で

また、このjQueryソリューションはクライアント側で実行されます。最初のHTMLを提供するときにコンテンツをすでに知っている場合は、このサーバー側で行う必要があります。

1

外部ファイルを制御できる場合は、外部ファイルがjsonオブジェクトを何らかの形で提供し、そこからデータを処理するように書き直すことをおすすめします。

それ以外の場合は、JQueryを使用して変数からHTMLコンテンツを取得し、その値を使用して 'replace-me'のhtmlコンテンツを置き換えるだけです。

0

できればサーバー側でこれを解決する必要があります。このように、一般的なテンプレート機能行います

function getHeader($content) { ?> 
<div class="header"> 
    <h1 class="replace-me"><?php echo $content; ?></h1> 
</div> <?php 
} 

計算$contentをあなたはfunctionを呼び出し、functionに渡す前に。あなたはこのfunction作ることはできませんし、それは、サードパーティのソースからであるとして、あなたはこのように、JavaScriptでそれを行うことができ、これを取得した場合:

<script type="text/javascript"> 
    document.getElementsByClassName("header")[0].getElementsByClassName("replace-me")[0].innerHTML = "<?php echo $content; ?>"; 
</script> 

は、ヘッダータグがした後、あなたがこのscriptを追加していることを確認しますロードされる。

関連する問題