Javascript 如何从用户添加div和内容?
我实际上是网络领域的初学者。我是一名学习者,同时也在做这个项目。我有一个问题,使自己创建的div,其中包含的内容,如链接和一些文本是用户定义的。每当用户按下“添加”按钮时,div将自动创建,并要求用户添加标题(成为链接)和一些文本等内容。Javascript 如何从用户添加div和内容?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我实际上是网络领域的初学者。我是一名学习者,同时也在做这个项目。我有一个问题,使自己创建的div,其中包含的内容,如链接和一些文本是用户定义的。每当用户按下“添加”按钮时,div将自动创建,并要求用户添加标题(成为链接)和一些文本等内容。您能告诉我应该使用JavaScript或jquery的哪些功能吗?如: --------- | ADD |
您能告诉我应该使用JavaScript或jquery的哪些功能吗?
如: --------- | ADD | ----------- //First div --------- | Link | | | | Text | |description| | | ----------- ----------- //Second div | Link | | | | Text | |description| | | ----------- ----------- //Third Div | Link | | | | Text | |description| | | ----------- --------- |加| -----------//第一个div--------- |链接| | | |正文| |描述| | | ----------- -----------//第二组 |链接| | | |正文| |描述| | | ----------- -----------//第三组 |链接| | | |正文| |描述| | | -----------
查看Jquery
after()
。从文档中:
使用以下HTML:
<div class="container">
<h2>Greetings</h2>
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
问候语
你好
再见
可以创建内容,然后在多个元素之后插入内容
一次:
$(“.inner”)。在(“测试””)之后;
您可以通过以下方式使用两个段落标记添加链接和文本描述的简单脚本:
$(函数(){
$(“#添加BTN”)。单击(函数(){
$(“#目标”).append(“链接描述文本描述”);
});
});代码>
/*全局重置*/
*{字体系列:Segoe UI;边距:0;填充:0;列表样式:无;}
a{文本装饰:无;}
/*第*/
p{margin:05px;}
/*文本内容的文本框*/
ul{显示:块;边距:自动;宽度:50%;}
li{边框:1px实心#999;}
/*按钮样式*/
#addBtn{显示:块;填充:3px10px;光标:指针;边距:自动;}
或before()
。还可以尝试prepend()
和append()
内容不是用户定义的。哪些功能可用于从用户处获取文本和链接?可以使用html输入标记?@ZainFarooq您打算如何从用户那里获取内容?实际上我正在从事一个项目,这是一个商业网站。像OLX一样,每当用户按下“发布广告”按钮时,就会创建一个div,并询问有关其广告的一些描述。他添加的标题将是链接,一些文本将是其广告的描述。
$( ".inner" ).after( "<p>Test</p>" );