ボタンのクリックでスパンの内容を取得

Question

これは初心者の質問の一種であり、多くを検索したが、私の問題を解決していないことを知っている。私はこの次のHTML

<div class="col-lg-12 opening"> 
<span class="openingHead col-lg-4 jobcode">Junior ASP.NET Developer</span> 
<a href="#"> 
    <span class="col-lg-1 pull-right text-right openingApply">Apply now</span> 
</a> 
</div> 

と、次のjs

<script> 
    $(document).ready(function(){ 
     $('.openingApply').click(function(){ 
      var jobcode=$(this).prevAll('.jobcode').text(); 
      console.log(jobcode); 
     }); 
    }); 
</script> 

を持っている。しかし、それはちょうどあなたがここに私を助けてください未定義.Couldをログに記録します。私はまだjQueryを学んでいます。

Answer 1

.jobcodeはその親に兄弟でありスパンではないので、最初に親にする必要があります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="col-lg-12 opening"> 
 
    <span class="openingHead col-lg-4 jobcode">Junior ASP.NET Developer</span> 
 
    <a href="#"> 
 
    <span class="col-lg-1 pull-right text-right openingApply">Apply now</span> 
 
    </a> 
 
</div> 
 
<script> 
 
    $(document).ready(function() { 
 
    $('.openingApply').click(function() { 
 
     var jobcode = $(this).parent().prevAll('.jobcode').text(); 
 
     console.log(jobcode); 
 
    }); 
 
    }); 
 
</script>

Answer 2

$(document).ready(function() { 
 
    $('.openingApply').click(function() { 
 
    var jobcode = $(this).closest('div').find('.jobcode').text(); 
 
    console.log(jobcode); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-lg-12 opening"> 
 
    <span class="openingHead col-lg-4 jobcode">Junior ASP.NET Developer</span> 
 
    <a href="#"> 
 
    <span class="col-lg-1 pull-right text-right openingApply">Apply now</span> 
 
    </a> 
 
</div>

1. 親.closestを使用して本部を（取得する必要があります）
2. 使用して、あなたはあなたのコードではスパンに

を取得するには（）を.findクラスopeningAplyの要素の兄弟を探していますが、兄弟はありません