Question

我正在研究这个table，由客户管理。我想知道是否可以更改整个行的颜色，当他在“状态”列中写下“vermietet”这个词。

在这种情况下，当客户端写“vermietet”时，包含该字的行会以橙色更改背景颜色。

任何JS提示？

感谢adivce。编辑：

我试过这个

<script>
    jQuery(document).ready(function($){
$(document.body)var cols = document.getElementsByClassName('column-10');

for (var i = 0; i < cols.length; ++i) {
 var col = cols[i];

 if (col.innerHTML === 'vermietet') {
   var parent = col;

   while((parent = parent.parentElement).tagName !== 'TR');

   var found = parent.childNodes;

   for (var j = 0; j < found.length; ++j) {
     var td = found[j];

     if (td.tagName === 'TD') {
       td.style.backgroundColor = 'orange';
     }
   }
 }
 } 
 });
</script>

Answer 1

纯JS解决方案：

    var cols = document.getElementsByClassName('column-10');

    for (var i = 0; i < cols.length; ++i) {
     var col = cols[i];

     if (col.innerHTML === 'vermietet') {
       var parent = col;

       while((parent = parent.parentElement).tagName !== 'TR');

       var found = parent.childNodes;

       for (var j = 0; j < found.length; ++j) {
         var td = found[j];

         if (td.tagName === 'TD') {
           td.style.backgroundColor = 'orange';
         }
       }
     }
   }

JS：更改特定列值的行背景颜色

1 个答案: