Question

我正在使用Ionic创建Android应用程序，它结合了HTML和Javascript。我的问题是什么是提出问题的最佳方法（突出显示一个#picture 2）在＆＃34;添加＆＃34;之后重复。按钮被点击。

到目前为止，我试图学习如何在javascript中编写html代码。我希望在我的javascript中复制HTML代码块，以便我可以使用Do，或者使用If语句使其可重复。除此之外，我真的不知道。希望你们可以通过提出我的想法和可能的例子来帮助我。

这是我的应用的原始图片

我希望每次按钮重复的部分＆＃34;添加＆＃34;被点击是突出显示的一个

如果你们不理解我的问题，请马上告诉我。实际上很难描述它。

Answer 1

如果我找到了你，你可以使用jquery append方法

来做到这一点

Answer 2

如果我理解你的问题，你只需要添加一个循环，并且在每次迭代时你需要附加以html编码的问题（主题）。

    <!DOCTYPE html>
<html>
<script>
    function load()
    {
        var numQuestions = 5;
        var data="";
        for(var i=0;i<numQuestions;i++)
        {
            data+="<font color='red'>Question #"+i+"</font><br/>";
            for(var answerIndex=0;answerIndex<4;answerIndex++)
            {
                data+="<input type='radio' name='question"+i+"'/> Answer #"+answerIndex+"<br/>";
            }
            data+="---------------------------------------<br/>";
        }
        document.getElementById("demo").innerHTML = data;
    }
 </script>
<body onload="load()">

<p id="demo">Click me to change my HTML content (innerHTML).</p>

</body>
</html>

您可以针对不同类型的问题/答案使用不同的元素，样式甚至数据结构

如何使用Javascript或其他Java方法使某些HTML代码块可重复？

2 个答案: