jquery - 将输入值打印到不同的 DIVS- jQuery

Question

我目前正在做一个小元素，因为我是 jQuery 的新手。

我的页面上有 4 个小 DIVS，它们的 IDS 与 div1-div4 不同。在页面顶部，我有一个 INPUT，用户可以在其中写入要使用不同功能的 DIV 用户的名称。在第一个输入之后，还有另一个输入，用户可以在其中编写文本，该文本将打印到 DIV 中，该 DIV 是在“添加文本”按钮的帮助下在第一个输入中选择的。

之后我有 4 个不同的按钮，分别是淡出、淡入、向上滑动、向下滑动。

这些函数只会对用户在第一个框中写入的 div ID 起作用。

这是我的函数之一的 JQuery 示例:

$("#fadeOutBtn").click(function(){

selectedDiv = $('#divChooseTxt').val();
$("#"+selectedDiv).fadeOut(1500, "swing", function(){

        });
    }); 

我现在需要帮助的是了解如何从用户那里获取文本并将其打印到选定的 DIV。

这是此函数的 HTML:

<label>Text: 
<input id="divTxt" type="text">
</label>
<input id="addTextBtn" type="button" value="Add Text">

你能帮帮我吗？

Answer 1

http://fiddle.jshell.net/yc4ahsno/

使用 val() 获取文本:

test = $('#divTxt').val();

将文本插入到 div 中:

document.getElementById('thisdiv').innerHTML = test;