如何对动态生成的DIV进行jquery操作

Question

我有像这样的隐藏元素

<input type="hidden" id="<%=compid%>" value="<%=compid%>" class="noclass" />

页面上还有一个划线

out.println("<div id=\""+compid+"\">"+outputjson+"</div>");

隐藏这个动态生成的div的jquery方法是什么？

Answer 1

您可以向要隐藏的所有div元素添加一个类，然后使用jquery $('div.div-to-hide').hide()隐藏它。或者根据您的代码，您可以从hiddent元素获取div的id，如下所示

$('input.noclass').each(function(){
    var div_id = $(this).val();
    $('div#' + div_id).hide();
});

我假设你有很多这样的div，每个div都有一个隐藏的输入字段，类为'noclass'。

Answer 2

<script type="text/javascript"> 
    $()document.ready(function() {
        $("#<%=compid%>").hide();
    });
</script>

希望它有效！记得在JSP生成的页面中写这个。