我的页面中有许多UL元素,但想要在特定的div中清空UL

时间:2017-05-26 13:16:24

标签: javascript html

我在ul中有多个form个元素,我想清空特定ul中的div元素。

我有2 div个,其中一个id="first-ul",另一个id="second-ul"ul中的所有div都是动态创建的。每个ul元素都有一个默认的li节点,其类名为yli节点的其余部分是动态创建的,并且类名为x

现在,我想要清空uldiv id="second-ul" li,但只保留默认y节点,其名称为<form enctype="multipart/form-data" method="POST" id="form-data" action="#"> <div class="form-group" id="first-ul"> <ul class="select2-selection__rendered"> <li class="x" >Annet Molly</li> <li class="x" >nohh kde</li> <li class="y"> Stay</li> </ul> </div> <div class="form-group" id="second-ul"> <ul class="select2-selection__rendered"> <li class="x" >Annet Molly</li> <li class="x" >nohh kde</li> <li class="y"> Stay</li> </ul> </div> </form>。< / p>

&#13;
&#13;
<beans:bean id="integrationRequestMappingHandlerMapping"
            class="org.springframework.integration.http.inbound.IntegrationRequestMappingHandlerMapping">
    <beans:property name="useSuffixPatternMatch" value="false"/>
</beans:bean>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

如果没有任何代码,很难给出很多建议,但使用jQuery从HTML访问数据,你可以这样做:

&#13;
&#13;
var array = new Array();
$("ul#myDataList").find("li").each(function() {  
   

   var listItemValue = $(this).html();
   array.push(listItemValue);
   
});


$("#result").append(array + ", ");
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="POST">
<ul id="myDataList">
 <li>Data 1</li>
 <li>Data 2</li>
 <li>Data 3</li>
</ul>
<!-- Do the rest of your form -->
</form>

<div id="result">
</div>
&#13;
&#13;
&#13;