表格的内部HTML行

时间:2012-06-29 15:57:59

标签: javascript jquery html css

我是JavaScript和jQuery的新手。这是我的问题。

我有一张桌子: 我想找到tr td innerHTML WeeklyDailymonthly的{​​{1}}。在tr内,我必须找到并突出显示td文字innerHTML并具有特定颜色的hello

这是我到目前为止尝试过的小提琴链接。 http://jsfiddle.net/Adeyemi/gXGj6/8/

1 个答案:

答案 0 :(得分:0)

如果我正确理解你的问题和你的小提琴 - 你想要这样的东西。

enter image description here

以下是小提琴链接:http://jsfiddle.net/gXGj6/12/

var myrow = $(".mtt");
$('td', myrow).each(function() {        
    if (this.innerHTML == 'Hello')
    {
        var title = this.parentNode.getElementsByTagName('td')[1].innerHTML;
        var colour = 'none';  
        switch(title) 
        {            
            case "Weekly":
                colour = 'green';
                break;
            case "Hourly":   
                colour = 'red';
                break;
            case "Daily":    
                colour = 'yellow';
                break;  
        }
        this.style.backgroundColor = colour;
    }
});