Javascript 更新:向每个数组项添加Li标记

Javascript 更新:向每个数组项添加Li标记,javascript,Javascript,因此,在您的所有帮助之后,我已经达到了将输入添加到内容区域的工作阶段,现在我想在用户单击右侧的红十字按钮时删除列表项,如何从函数外部将我添加到标记“单击链接”的类作为目标 谢谢 (函数(){ var clickGo=document.querySelector('.button go'); var searchInput=document.querySelector('.search input'); var list=document.querySelector('.list'); var

因此,在您的所有帮助之后,我已经达到了将输入添加到内容区域的工作阶段,现在我想在用户单击右侧的红十字按钮时删除列表项,如何从函数外部将我添加到标记“单击链接”的类作为目标

谢谢

(函数(){
var clickGo=document.querySelector('.button go');
var searchInput=document.querySelector('.search input');
var list=document.querySelector('.list');
var listary=[];
var clickGoFunc=函数(){
var searchValue=searchInput.value;
//检查输入字段是否为空
如果(searchValue==“”){
警报(“请在输入字段中输入值”);
}否则{
//检查名为listArray的数组中是否已存在列表项
if(listArray.indexOf(searchValue)=-1){
push(searchValue);
//用于为添加的数组项创建循环并将每个数组项封装在
  • //还通过添加标记向每个数组项添加关闭按钮 var runIt=函数(){ 对于(var i=0;i
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,缩写词,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,dd,ol,ul,li,fieldset,form,label,label,ledge,table,table,table,tbody,tfoot,thead,tr,th,th,th,td,article,sade,scape,small,small,small,small,stroke,stroke,页眉,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;字体大小:100%;font:inherit;垂直对齐:baseline}article,aside,details,figcaption,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line height:1}ol,ul{list style:none}blockquote,q{-quote:none}blockquote:before之前,之后,q:before,q:before{content:'';content:none}表{边框折叠:折叠;边框间距:0}。容器标题{背景色:#00628B}。行标题{最小高度:120px;文本对齐:中心;颜色:#fff;字体大小:50px;字体系列:oswald;填充顶部:35px}。容器搜索栏{背景色:#e6dc;最小高度:75px}。容器搜索内部。输入组{margin top:20px}。容器内容{padding top:50px}。列表li{背景颜色:6C6C6C;padding:10px;margin bottom:10px;颜色:fff;-moz边框半径:5px;-webkit边框半径:5px;边框半径:5px}。关闭链接{color:#fff;背景颜色:红色;padding:3px;边框半径:3px}。列表li span{float:right
    
    搜索NOMO
    搜索NOMO
    添加
    

    您必须将
    li
    -元素附加到某些
    ul
    元素。您只需要使用数组来检查现有值

    有了这些知识,您的代码可以简化为(参见代码和html中的注释):

    var clickGo=document.querySelector('.button go');
    var searchInput=document.querySelector('.search input');
    var currentValues=[];//跟踪
    clickGo.onclick=函数(){
    var searchValue=searchInput.value;
    如果(searchValue==“”){//请检查为空
    警惕(“请放一个va