Question

伙计们，我需要使用Jquery以编程方式动态添加/删除图标到td。 td如下所示

<td>
  <input type="text" id="target_edit_WEB" class="selectized" style="width:100px; height:25px;" placeholder="Enter ResourceB"> <i class="fa fa-exclamation-triangle" style="color:#D70F0F"></i> 
</td>

请指导我。感谢

Answer 1

这是一种方式：

var $td = $('td:first');
var $icon = $td.find('i.fa:first');

if (!$icon.length) {
    $icon = $('<i class="fa fa-exclamation-triangle" style="color:#D70F0F">');
}

// remove icon
$icon.remove();

// add icon
$td.append($icon);

Answer 2

使用removeClass和addClass

的另一种方法

$('.selectized').keyup(function(){
  if( $(this).val().length == 0 ){
    $(this).next().addClass('fa-exclamation-triangle')
    console.log($(this).val())
  }
  else{
    $(this).next().removeClass('fa-exclamation-triangle')
    console.log($(this).val())
  }
})

请参阅 PEN

修改TD元素Jquery

2 个答案: