Jquery动态添加类

时间:2013-06-02 05:24:39

标签: jquery html

我正在使用掩码插件,我需要在输入级别元素中添加一个类,但是我似乎无法正确地定位它,.next()只是继续下一个级别{{1 }}

以下是我正在处理的Jfiddle,因为您可以看到我需要将<td>部分动态添加到类属性中,因为我将其屏蔽phone_us

的Javascript

<input type="text" class="" name="" value="">

HTML

$(document).ready(function(){

$('td').each(function (index) {
   var divHTML =  $(this).text();  

if(divHTML.indexOf("Phone") >= 0)
     {
    $(this).next().css('background-color', 'blue');       
    $(this).next().closest('input').addClass('phone_us');
    $('.phone_us').mask('(999) 999-9999');
     }
});
});

1 个答案:

答案 0 :(得分:3)

.closest()选择所选元素最接近的匹配父/祖父母...:

  

对于集合中的每个元素,通过测试元素本身并遍历DOM树中的祖先来获取与选择器匹配的第一个元素。

改为使用findchildren方法:

$('td:contains("Phone")').next()
                         .css('background-color', 'blue')       
                         .find('input')
                         .addClass('phone_us')
                         .mask('(999) 999-9999');

http://jsfiddle.net/dyNZg/