我下面有将问题/答案附加到div的代码。

它可以工作,但是以错误的顺序写入div。 它会将所有新的div放在最后一个div之前,因此编号变得像这样:

Question 3
Question 2
Question 1

我玩过appendTo,append,但是我所做的任何事情都不起作用。

任何帮助,将不胜感激。 谢谢!

这是代码:

$(".questionButton").click(function () {
var parentId = $("button").closest("div").attr("id");
var newTextBoxDiv = $("<div>").attr("id", 'question' + questionCounter);
        $(this).after(newTextBoxDiv);
        newTextBoxDiv.after().html(
            "<table><tr>" +
            "<td>" +
            "<label>Question " + questionCounter + ": </label>" +
            "</td><td>" +
            "<input type='text' name='tbQuestion' id='tbQuestion" + questionCounter + "' value='' >" +
            "</td>" +
            "<td class='removeQuestion'>x</td>" +
            "</tr><tr><td>" +
            "<label>Answer: </label>" +
            "</td><td>" +
            "<input type='text' name='tbAnswer'" id='tbAnswer" + questionCounter + "' value='' >" +
            "</td></tr></table>");
        newTextBoxDiv.appendTo("#" + parentId);
        questionCounter++;
});

的HTML:

<div id="questionBox">
    <div id="mcq" style="display: none;" class="questionTypeDiv">
        <input type="button" class="questionButton" value="Add Question" style="margin-top: 4px;" />
        <table></table>
    </div>
</div>

===============>>#1 票数:1 已采纳

您误将div附加在按钮之后,而不是<div id="mcq">http : //jsfiddle.net/ZTuhn/1/

您还可以通过正确选择前面的问题ID,然后在其后附加错误来解决此错误。 但是,这将需要对您的初始questionBox id属性进行一些异常处理。

===============>>#2 票数:-1

要按顺序追加,应使用.append(),如下所示:

$.each([1,2,3], function(i,v) {
    $('#' + parentId).append('<p>Question ' + v + '</p>')
});

  ask by SkyeBoniwell translate from so

未解决问题?本站智能推荐:

1回复

html使用jQuery问题选择appendto

我有一个选择框,例如teamproj,它最初是从后端mysql db表加载的。 我通过使用另一个选择框(例如teampool),使其具有可编辑性,使其具有用户可编辑性,并带有使用按钮将添加和删除选项添加到teamproj框中的选项,其中的ID为“ movetoproj”和“ movetopoo
4回复

jQuery appendTo()问题

我在将列表项从一个ul追加到另一个ul时遇到问题。 单击每个列表项时,应该将其附加到另一个ul中。 但是,一旦添加了这些项目,它们将继续将自己添加到当前ul ....中,这意味着它们将自己排在列表的底部。 例如: jQuery的: 这是什么情况:div.more-optio
2回复

jQuery-appendTo()问题

我的appendTo函数有问题。 我目前正在研究响应式设计。 如果窗口小于特定大小,则登录和搜索将附加到另一个div。 如果再次变大,理论上它们将被移到它们的来源。 而会发生什么呢? 使用“ .login”,它可以完美运行。 但是“ .search”正在搞砸了。 每次调整窗口大
1回复

jQuery-appendTo()问题

我正在从一个列表到另一个元素,这个问题就是:我的JavaScript绑定功能的<li>视的<ul>如果我点击一个<li>这是内部的<ul>与特定的ID ,执行一个功能。 当我成功移动<li>时,假定<li>已经在另一个
4回复

带有“残破” HTML的jQuery appendTo

这是我的HTML: 当我运行此代码时: 我得到: 如何避免jQuery的appendTo关闭标签?
2回复

jQuery appendTo()到html()以允许替换

我有以下 完美地附加我的div( .toggle_questions )。 但是,我希望每次替换而不是添加。 据我了解,这是通过html()而不是appendTo() ? 我只找到添加简单的<p>代码而不是实际的<div>的示例 我已将其更改为此,
3回复

jQuery appendTo vs html()[关闭]

我有一个问题,这里提到IE8 html选择需要两次点击打开下拉列表 。 我通过用appendTo替换jQuery .html(...)修复它。 谁知道为什么会这样? 问题摘要 - 问题是当我们使用innerHTML/jQuery.html(...)将HTML select插入到其
2回复

Colorbox和Jquery appendTo函数的问题

基本上我正在使用JQuery和colorbox。 我正在使用Colorbox的iframe类。 所以基本上是从 然后我在元素上使用它 这段代码很好,iframe弹出窗口就可以了。 该类还将按预期转换为class = iframe44 cboxElement。 因此
1回复

jquery appendTo函数的问题

我的页面上有几个textareas,当有人点击它时,我使用jquery 焦点功能来清除textarea。 这是代码: 用户可以动态添加新的textareas,并使用appendTo函数添加新的textareas。 问题是上面的代码不适用于附加的textareas! HTML代码与未
2回复

IE上的jQuery appendTo问题

下面的代码在Firefox,Safari等上正常运行,完全没有错误。 但不适用于任何IE,也会报告错误。 有人可以帮忙吗? 的HTML jQuery的 的CSS 对于“ tt-popup-show”,基本上显示块和位置的绝对值