如何在向表中添加行之前添加条件：jquery

Question

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

<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
});

Answer 2

采用

    $('.reports').on('click','.add',function(){
      if text2=="Map"{ 
    do something
} else { 
   do something else
}


    });