Question

我有Table，Textarea和Button。当用户在Textarea内输入内容然后点击我的Button时，该文字将作为一行添加到Table，并带有以下代码：

<script type="text/javascript">
 $(function() {
    $('#CustomButton').click(function() {
        $('#CustomPickedTable tbody').append(
            $('<tr/>',
             {
            click: function() {
                    $(this).remove();
                    },
                html: $('<td/>', {
                    text: $('#CustomQuestionText').val()
                })
            })
        );
        return false;
    });
});
</script>

当用户在TextArea内输入然后点击Button时，我的Table Tbody会获得此<td>What user typed..</td>我想要的是我的表格<td data-test-id="5">what user typed..</td>. 1}}

我的jquery中有没有解决方案，所以我的<td>获取了data-test-id属性？

提前致谢！

Answer 1

试

 {
                click : function() {$(this).remove();},
                html: $('<td/>', {text: $('#CustomQuestionText').val()},
                attr : { 'data-test-id' : 'whatever' }
  }

Reference

Answer 2

你可以这样做

$('#CustomButton').click(function() {
    $('#CustomPickedTable tbody').append(
        $('<tr/>', {
            html: $("<td />", {
                html: $("#CustomQuestionText").val(),
                'data-attr-id': 5

            })
        })
    );
    return false;
});

Answer 3

声明一个动态id变量并获取表行数，然后将其应用于td元素id

var dynamicId = document.getElementById("yourtable").getElementsByTagName("TR").length;

html: $('<td data-test-id="' + dynamicId + '"/>', {
                text: $('#CustomQuestionText').val()
            })

将Data-test-id属性添加到我的Jquery中

3 个答案: