修改TD元素Jquery

时间:2016-01-06 09:55:18

标签: jquery

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

<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>

请指导我。感谢

2 个答案:

答案 0 :(得分:0)

这是一种方式:

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

答案 1 :(得分:0)

使用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