将三个数据属性之一附加到元素,但替换已附加的内容

帕绍夫

我有一个包含多个选项的div表,每个选项都有三个选项,如下所示:

| question 1 | option 1 | option 2 | option 3 |
| question 2 | option 1 | option 2 | option 3 |
| question 3 | option 1 | option 2 | option 3 |

等等 ...

每个选项都在<div>带有data属性的..可以说“ data-opt”。我想做的是将数据属性“ data-opt”附加到另一个div onclick,但是如果用户对所选内容进行更改,我还需要替换已经附加的内容。例如,用户单击“问题1”上的“选项1”,但随后他决定使用“选项2”更改其选择。另一种情况-用户用“选项1”回答“问题1”,用“选项2”回答“问题2”,用“选项3”回答“问题3”,但是随后他用“选项3”改变回答为“问题1”。 “-我只想更改“问题1”的答案,并保留所有其他答案。

我已经能够实现的是仅附加一次答案,但是我不知道如何在用户进行更改的情况下更改用户的选择...

我想我确实可以实现它,但是我想使其尽可能简单,而且由于我对jquery不那么熟悉,因此我将不得不编写几个函数,并且我的代码会变得一团糟。

那就是我已经拥有的:

$(document).ready(function() {
$(document).one('click',function(event){
    choice = $(event.target).data('opt');
    $('#another').append(choice);

});

});

http://jsfiddle.net/8vpm1gck/

马达里尼瓦斯库
$(document).ready(function() {

$('body').on('click','.cell',function(event){
        choice = $(this).data('opt');
        if($('div[data-question="'+$(this).parent().index()+'"]').length == 0)
        $('#another').append('<div data-question="'+$(this).parent().index()+'">'+choice+'</div>');
        else {
        $('div[data-question="'+$(this).parent().index()+'"]').text(choice);
        }

});

});

http://jsfiddle.net/771L1zaa/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何仅在每次可用数据时一次将三个项目附加到一行中?

如何使用bash或java将三个不同的sqlite3数据库D1,D2和D3附加到另一个数据库D4

将一个数据帧附加到另一个

按列将两个Pandas系列附加到一个数据框

将数组附加到另一个数组的属性(javascript)

如何将一个数据框附加到另一个数据框?

如何将两个数组元素(int)附加到一个数组元素(int)中?

从两个不同数据框中的列中求和和百分比,并将结果附加到第三个数据框中

将功能附加到动态内容的每个最后一个元素

将多个 json 请求附加到一个数据帧

将pandas.DataFrame.GroupBy结果附加到另一个数据框

将jQuery验证附加到替换元素

如何将一个数据帧附加到python列表中的多个数据帧?

将内容附加到Window的根元素

将三个回归表附加到单独的面板中

如何使用使用绑定属性的指令将一个元素附加到另一个元素?

将多个子项附加到一个元素

jquery将多个元素附加到一个div

如何将数据帧附加到另一个数据帧的每一行?

将一个数据框附加到另一个具有相同列的右侧

C3.js 散点图 - 如何将第三个数据(附加值)关联为原始列数据的一部分,以便回调设置半径并在工具提示中显示

将数据从矩阵附加到另一个

将数据从矩阵附加到另一个

将数据框附加到另一个数据框的列和Python常量

仅将数据帧中的新值附加到 Pandas 中的另一个数据帧

如何使用 jquery 从每个 id 获取数字并附加到另一个数据属性?

将三个数据帧中的内容合并到R中的一列中(跨多列)

如何将数据附加到元素

将多个元素附加到数据帧