动态更改Span类

时间:2014-02-21 10:41:11

标签: javascript html forms validation

我想在特定元素旁边打印错误消息,如果它为null。

我知道要添加

<div> tag 

在该元素之后并打印出来。但我没有编辑访问该代码的权限。

所以,我想改变那个要列为缺失字段的元素标签的span类。

我的页面就像

 <td><span class="fl">Country</span></td>
 <td class="abcdef" style="...." id="Country">
 <select>
 <option></option>
 </select>
 ....

现在我想将spanc类“f1”更改为“requiredText”。 但问题是许多标签被

包围
  '<span clas="f1">' 
   and 
  '</span>'.

有什么方法可以用ID Country的前面元素识别它并将它关联起来吗?

4 个答案:

答案 0 :(得分:1)

我在这里看不到jQuery标签。因此,如果您想要使用withoud jQuery,您可以这样做:

document.getElementById('Country')     // get the table cell with id="Country"
        .previousElementSibling        // get its previous sibling so the td with the span
        .children[0]                   // get the span you want
        .className = "requiredText";   // overwrite it's class name

答案 1 :(得分:0)

$('.f1').addClass('myclass).removeClass('f1')

答案 2 :(得分:0)

试试这个..

$('td .f1').removeClass('f1').addClass('myclass');

答案 3 :(得分:0)

试试这个

$(".f1").each(function(x, span) {
        var text = $(span).html();
        if(text == '')
             $(span).addClass('requiredText').removeClass('f1');
    });