javascript - 如何在向表 : jquery 添加行之前添加条件

Question

我有一个 html 模板，其中包含一个表格和一个添加按钮。单击添加按钮时，选择将添加到表中。我想添加一个条件，如果其中一个选择包含“ map ”，它应该向该特定列添加模态。例如:

<div class="reports">
    <div class="panel">
        <table class="A">
            <thead>
                <td>A</td>
                <td>B</td>
                <td>C</td>
            </thead>
            <tbody>
            </tbody>
        </table>
   </div>
   <button class="add" type="button">Add</button>
</div>

jQuery 脚本是:

$('.reports').on('click','.add',function(){
  $(this).find('table').append(table rows);// how to add condition inside append 
});

三列有三个值:value1,value2,value3:

if text2=="Map"{ 
    value2 = "modal-dialog"; 
} else { 
    value2 = text2; 
}

如何在 append() 中添加一个 if 条件？

Answer 1

而不是在 append() 中添加条件。在外面尝试并在 append() 中调用该元素。示例:

$('.reports').on('click','.add',function(){
  if (text2 == map_text) {
            var map_elements += '<button role="button" data-target="#map-id" class="map-btn btn btn-primary" data-toggle="modal">Map</button></span>';
        } else {
            var map_elements += text2;
        }
 $(this)
         .find('table')
          .append('<tr><td>'+map_elements+'</td></tr>'); //this should work
});