在使用jQuery的用戶輸入之間添加HTML

我是jQuery的新手，有可能是一個簡單的問題。在這裏，我試圖創建一個列表，其中用戶在輸入字段中輸入內容#newtask和#neighborhood，然後單擊#addrest將這些值添加到頁面中。我想要做的是在DOM中單獨添加#newtask和#neighborhood，方法是在頁面上添加內容爲" in "的HTML："(user's input in #newtask) in (user's input in #neighborhood)"。現在它只是增加了兩個輸入之間沒有空間。我如何使用jQuery添加這個HTML？在使用jQuery的用戶輸入之間添加HTML

當前代碼：

$("#addrest").click(function() { 
    create_task($("#newtask").val() + $("#neighborhood").val()); 
    $("#newtask").val(""); 
    $("#neighborhood").val(""); 
});

來源

2014-04-26 user3509353

應該提及的是，create_task需要包含在這裏，因爲它是一個函數（在代碼的早期）將這些用戶輸入添加到接口並使用JSON將其同步到存儲。 – user3509353

嘗試添加「+」「+」而不是「+」:) – Shanimal

我想你需要.after：

$("#newtask").val(""); 
$("#newtask").after(" in "); 
$("#neighborhood").val("");

DEMO

來源

2014-04-27 05:01:27

嘗試做財產以後這樣的：

<script> 
$(document).ready(function() { 
     $("#addrest").click(function() { 
      create_task($("#newtask").val(), $("#neighborhood").val()); 
      $("#newtask").val(""); 
      $("#neighborhood").val(""); 
     }); 
    }); 
    function create_task(a, b) { 
     $("#result").html("user\'s input in #newtask " + a + " <br /> user\'s input in #neighborhood " + b); 

    } 
    </script>

並假設你想在一個有ID的div「結果」來顯示你的輸出：

<div id="result"></div>

這樣你可以得到你的願望輸出。您可以根據您的要求進行更新。

來源

2014-04-27 06:27:50

在使用jQuery的用戶輸入之間添加HTML

回答

相關問題