查找具有类的下一个元素是否存在

时间:2014-03-19 06:21:41

标签: jquery

在JQuery中,如果我们需要找到一个元素,我们可以使用

 $(".pane").length

在我的情况下,我需要附加一个这样的div

parent('.parent').next().append('<div class="classname">....</div>');

但是在追加之前我需要检查我父母旁边是否存在div元素。 我是这样写的。但它没有检查

function show(xxx)
{
  if(!($(xxx).parent('.parent').next('.classname').length))
  {

  }
}

但不行。帮助编写if check

4 个答案:

答案 0 :(得分:1)

问题似乎是classname不是下一个兄弟,它是下一个兄弟的内容

function show(xxx) {
    if (!($(xxx).parent('.parent').next().find('.classname').length)) {
        $(xxx).parent('.parent').next().append('<div class="classname">....</div>');
    }
}

演示:Fiddle


或者你想要像

这样的东西
function show(xxx) {
    var $p = $(xxx).parent('.parent');
    if (!$p.next().is('.classname')) {
        $p.after('<div class="classname">....</div>');
    }
}

演示:Fiddle

答案 1 :(得分:1)

试试这个

$(obj).parent('.parent').next().find('.classname').length

答案 2 :(得分:0)

使用

if(!($(xxx).parent('.parent').find('.classname').length))

答案 3 :(得分:-1)

试试这个,

if(!$(xxx).parent('.parent').next().hasClass('classname'))
  {
     $(xxx).parent('.parent').after('<div class="classname">....</div>');
  }

DEMO