2016-01-06 5 views
0

Люди, мне нужно динамически добавлять/удалять значок с помощью JQuery программно в td. td выглядит следующим образомИзменить элементы TD JQuery

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

Пожалуйста, руководство меня. Благодаря

+0

'$ ('тд .fa') скрыть () 'будет скрывать' $ ('td .fa'). show() 'покажет. Вы также можете использовать .remove() и append() в зависимости от того, что вы хотите архивировать. Где у вас есть проблемы? – user3154108

+0

Общая строка тэга TD содержится в переменной «ячейка», пожалуйста, сообщите мне синтаксис для предлагаемого решения –

+0

, вам нужно быть более четким из ваших критериев. когда он должен показывать? когда он должен скрываться? где * total *, * cell * и т. д. – BenG

ответ

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

Общая строка тега TD содержится в переменной «cell», пожалуйста, сообщите мне синтаксис предложенного решения. –

+0

Затем вы можете использовать эту строку в первой строке, например '$ td = $ (cell) 'для создания объекта jQuery, из которого вы можете работать. – Rudi

+0

Спасибо Руди, я сделал следующее: он работает var $ td = $ (cell); \t var $ icon = $ td.find ('i.fa: first'); \t $ icon.remove(); –

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

Смежные вопросы