動態添加到選定選項的TR等級值

Question

可能是一項簡單的任務，但我找不到工作解決方案？

我需要從一個選擇的選項相對TR添加一個類值：

<table> 
<tr class="odd views-row-first"> 
<td class="views-field views-field-website-id">1</td> 
<td class="views-field views-field-changed">1349422708</td> 
<td class="views-field views-field-created">1349422708</td> 
<td class="views-field views-field-title">Double field</td> 
<td class="views-field views-field-field-rules-conditional views-field-editablefield"> 
<div id="editablefields-field-rules-conditional" class="editablefield-item"> 

<select id="edit-field-rules-conditional-0-field-rules-conditional-und" name="field_rules_conditional[0][field_rules_conditional][und]" class="form-select"> 
<option value="_none">- None -</option> 
<option value="green">green</option> 
<option value="red">red</option> 
<option value="blue" selected="selected">blue</option> 
</select> 

</div>   
</td> 
</tr> 
</table>​ 

我想擁有什麼：

<tr class="odd views-row-first blue"> 

Answer 1

的index功能將解決您的problem.try如下：

$("#edit-field-rules-conditional-0-field-rules-conditional-und option").click(function(){ 
     var index = $("option",$("#edit-field-rules-conditional-0-field-rules-conditional-und")).index($(this)); 
     var $td = $("#tableId tr:eq(0) td:eq(" + index + ")");    
     $td.addClass($(this).attr("value")); 
    }); 

編輯：給你的表一個Id。我在示例中使用了「tableId」，所以用你想要的替換。