获取具有相同类的当前范围旁边的span元素

Question

I have

    <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>

Is it possible if i am at at the first link-text or at first and_text or at first delete-tag element i can get the next and-text element using jquery and set it text to empty?

Answer 1

1. If you're at the first link-text :

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

2. If you are at the first .link-text or .delete-tag use:

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

3. UPDATE

Irrespective of where you are on the first .link-text , you can use the following:

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

Answer 2

您可以尝试如下操作：

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