5 つの変数が必要で、すべてが空で、コンテンツが入力されるのを待っています。また、テキスト ボックスの内容を上記の 5 つの変数のいずれかに配置し、既に存在する特定の div に投稿したいと考えています。新しいコンテンツを配置する変数を選択する前に、スクリプトで他の変数にコンテンツがあるかどうかを確認する必要があります。私が探しているものを理解するために、小さな例を挙げます。
例:
私の Web サイトに 3 人いるとします。彼らはテキスト ボックスにコンテンツを入力します。ボタンを押す。テキストボックスのコンテンツを最初に使用可能な変数に配置し、「昇格」という名前の特定の div にも配置したいと考えています。たとえば、ジョン、ジム、ジェイクがすべて私のウェブサイトにいるとします。ジョンは「google.com」と入力して [送信] を押します。「google.com」を最初の変数と div に入れて、ウェブサイトに表示するようにします。次に、ジムはテキストボックスに「stackoverflow.com」と入力して送信を押します。「stackoverflow.com」を2番目の変数とdivに入れて、ウェブサイトの「google.com」の下に表示します。Jake はテキスト ボックスに「yahoo.com」と入力し、送信を押します。3 番目の変数を「yahoo.com」にして、div に配置します。「google.com」および「stackoverflow.com」の下の Web サイトに表示します。5 つの変数がすべていっぱいになったら、次のコンテンツを送信して最初のコンテンツを置き換えたいと思います。これが理にかなっていることを願っています。
私が試したコード:
function promote() {
$(this).parent().parent().find('input').each(function() {
$(this).replaceWith('<div class="promoted"><a href="' + $(this).val() + '">' + $(this).val() + '</a></div>');
});
}