使用相同的类获取当前跨度旁边的span元素

时间:2014-08-04 13:02:54

标签: javascript jquery

我有

    <span class="mention-persons">
     <span class="link-text" id="parent4a275ca0-1bbd-11e4-8b7c-a02bb830bf59">
      <span class="and_text"></span>&nbsp;Elephant Melephant<span onclick="deletemention(this);" id="4a275ca0-1bbd-11e4-8b7c-a02bb830bf59" class="delete-tag">×</span>&nbsp;
     </span>
    <span class="link-text" id="parent5991dff0-1bcf-11e4-908f-a02bb830bf59">
      <span class="and_text">and</span>&nbsp;Dogs Cats<span onclick="deletemention(this);" id="5991dff0-1bcf-11e4-908f-a02bb830bf59" class="delete-tag">×</span>&nbsp;
    </span>
   </span>

如果我在第一个link-text或第一个and_text或第一个delete-tag元素处,我可以使用jquery和set获取下一个and-text元素文字为空?

2 个答案:

答案 0 :(得分:1)

  1. 如果你在第一个link-text

    $(this).next('.link-text').children('.and_text').empty();

  2. 如果您使用的是.link-text.delete-tag

    $(this).closest('.link-text').next('.link-text').children('.and_text').empty();

  3. <强>更新

  4. 无论您在第一个.link-text的哪个位置,都可以使用以下内容:

      var that = $(this).is('.link-text') ? $('.link-text') : $(this).closest('.link-text');
      that.next('.link-text').children('.and_text').empty();
    

答案 1 :(得分:0)

您可以尝试这样的事情:

$(this).parents(".link-test").next(".link-text").children(".and_text").text('');