2017-03-08 54 views
0

我具備的功能table.on,現在如果我滴個細胞,從表2至表1中,整列獲得綠色jQuery的申請BG只是一個​​不整列

爵士小提琴: http://jsfiddle.net/L3Lhw7jk/5/

tr td:nth-child(2)整列得到綠色,我想只是使td,我滴不整tr td:nth-child(2)

CSS:

tr.highlight td { 
    background-color: #D0ECE7 !important; 
    } 

    td.member-highlight { 
    background-color: #73C6B6 !important; 
    } 

它是這個東西如果:

if (r[0].length > 0) { 
     $row.parents('table').find('tr').removeClass('highlight'); 
     $row.addClass('highlight'); 

     var members = $('#example tr td:nth-child(2)'); 
     members.filter(':not(:has(input))').addClass('member-highlight'); 
     members.find('input').addClass('border-highlight'); 
    } 

VAR成員= $( '#例如TR TD:第n個孩子(2)');

,使整個塔

table.on('mousedown', 'tbody tr', function() { 
    var $row = $(this); 

    var r = table.rows(function(i, data) { 
     return data.member == $row.children().first().text(); 
    }); 

    if (r[0].length > 0) { 
     $row.parents('table').find('tr').removeClass('highlight'); 
     $row.addClass('highlight'); 

     var members = $('#example tr td:nth-child(2)'); 
     members.filter(':not(:has(input))').addClass('member-highlight'); 
     members.find('input').addClass('border-highlight'); 
    } 

    rowCache.push({ 
     row: r 
    }); 
}); 
+0

感謝皮特,所以我應該如何在我的代碼應用此?謝謝 – Raduken

回答

1

喜應用的完整生檢查這一個例子worked example

function mouseUp(event) { 
    var names = $('#example tr td:nth-child(2)'); 
    var ctrl = $(document.elementsFromPoint(event.clientX, event.clientY)).filter('#example tr td:nth-child(2),input.border-highlight'); 

    if (ctrl.length > 0 && rowCache.length > 0) { 
     var el = rowCache[0]; 
     var data = el.row.data(); 

     if (data.length > 0) { 
      if (ctrl.is('input')) 
       ctrl.val(data[0].name); 
      else 
       ctrl.text(data[0].name); 

      el.row.remove().draw(); 

      ctrl.addClass('name-highlight'); 

      //names.removeClass('name-highlight'); 
      names.find('input').removeClass('border-highlight'); 
     } 
    } 

    rowCache = []; 
} 
+0

很酷,非常好謝謝,我能突出td嗎?在我放棄之前?像以前一樣,但只需要1 td而不是所有列?謝謝。 – Raduken

+1

http://jsfiddle.net/L3Lhw7jk/7/試試這個 –

+0

你能幫我把這個效果應用在這個小提琴上嗎?你需要先點擊編輯才能放下,http://jsfiddle.net/f7debwj2/47/謝謝 – Raduken

相關問題