jquery遍历DOM查找连续值

Question

感谢您的关注，所有有用的答案都已投票。 这是我的标记。我正在尝试查找 2 个连续的 div cmk1 and cmk2，其内容为 RIGHT 和 HERE 以连续顺序排列。

• div id 1 不应该匹配，因为有 right 但没有 here。
• div id 3 不应该匹配，因为有 here 但没有 right。
• 我正在尝试查找类似于div id 2 的内容，其中right 后跟here。此外，文本必须准确：<div>more than right</div> 不应匹配，即使它包含单词 right

最有效的方法是什么？

更新：我刚刚有个想法，我可以找到eachclass=cmk1。如果它匹配正确，我可以选择它的next (cmk2)，如果它也匹配，这就是我要找的。但是如何在 jquery 中执行 while 循环？最重要的是我该如何退出？

<div class="sep" id="1">
  <div class="cmk1">right</div>
  <div class="cmk2">valc</div>
  <div class="opp">vald</div>   
  <a class="go">Go</a>                  
</div>
<div class="clear">
<div class="sep" id="12">
  <div class="cmk1">RIGHT</div>
  <div class="cmk2">HERE</div>
  <div class="opp">vala</div>   
  <a class="go">Go</a>                  
</div>
<div class="clear">
<div class="sep" id="59">
  <div class="cmk1">vale</div>
  <div class="cmk2">valf</div>
  <div class="opp">here</div>   
  <a class="go">Go</a>                  
</div>
<div class="clear">

Answer 1

$('div.sep > div').each(function() {
    if($(this).text() == 'RIGHT') {
        if($(this).next('div').text() == 'HERE') {
            alert('Values occur consecutively in div id: ' +  $(this).parent().attr('id'));
            return false;            
        }
    }
});

我基本上遍历了每个 .sep div 的所有子 div 并测试了第一个单词。如果匹配，则可以通过next判断下一个div是否包含第二个单词。

Answer 2

$(':contains(RIGHT) :contains(HERE)')

Answer 3

试试：

$(':contains(right), :contains(here)')
    .filter( function() {
        return ( $(this).text() == 'right' && $(this).next().is(':contains(here)') ) ||
            ( $(this).text() == 'here' && $(this).prev().is(':contains(right)') );
    } );

唯一的缺点是区分大小写。