如何访问下一个元素并检查它是否具有特定的类

时间:2014-06-09 21:22:19

标签: jquery

我需要根据第二个td元素是否具有某个类来调用函数。

这是HTML

<tr id="939">
  <td data-id="939">Test2</td>
  <td class="hold" data-id="939"></td>
</tr>

<tr id="938">
  <td data-id="938">Test1</td>
  <td class="someotherclass" data-id="938"></td>
</tr>

这是JQuery函数

$('body').on('click', '#article td:first-child', function(e){

    // I need to check the next td for the hold class
    if($(this).next().hasClass(".hold")){
    // Call my function
    }
});

我该怎么做?我尝试过使用nextclosest,但没有任何结果。

修改

我做了一个小提琴:http://jsfiddle.net/NDXBb/

2 个答案:

答案 0 :(得分:0)

$(this)不是指你的td课程,而是你的getJSON。试试这个:

$('body').on('click', '#article td:first-child', function(e){
    $nextObj = $(this).next();

    //YOUR getJSON function

       if($nextObj.hasClass("hold")){
          // Call my function
       }
});

答案 1 :(得分:0)

试试这个:

$("#article td:first-child").click(function() {

    if($(this).next().hasClass("hold")){
        console.log("works");
    }
});

小提琴:http://jsfiddle.net/RRFj3/