Question

我有一组div，每个div都有一个按钮。如果有人单击该按钮，则需要将该div的内容添加到表格行。

我有一个小提琴，可以在按钮点击时完成新表格行的创建。但是，我不确定如何提取适当的内容并将其放入新创建的表行中。

这是我需要进入表格的div的一个例子。需要将该div中检查的每个框的名称添加到该行中。

<div class="widget">
   <h2>Title 1</h2>
   <form>
      <input type="checkbox" name="Option 1a" value="optiona">Option 1a</input>
      <input type="checkbox" name="Option 1b" value="optionb">Option 1b</input> 
   </form>
   <button href="#" title="" class="add-content">Add Content 1</button>
</div>

我感谢任何帮助。谢谢！

Answer 1

以下是一个示例，可帮助您了解如何获取value。

<强> JSFiddle Demo

var value = $('input[name=Option 1]:checked', '#myForm').val();

Answer 2

工作jsFiddle：http://jsfiddle.net/k5ute7c7/

将jQuery更改为此应该按照您的描述进行操作：

$('.add-content').click(function(event){
    event.preventDefault();
    var newRow = '<tr><td>' + $(this).siblings('h2').text() +'</td><td>';
    $(this).siblings('form').children('input[type=checkbox]').each(function(){
        if ($(this).attr('checked')){
            newRow += $(this)[0].nextSibling.nodeValue + '<br>';
        }
    });
    newRow += "</td></tr>";
    jQuery('table').append(newRow);
});

从div中获取内容并将其添加到Click上的表中

2 个答案: