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>

但它只记录未定义。请你帮帮我。我还在学习jQuery。

Answer 1

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

您需要使用.closest（）
使用.find（）获取范围

在您的代码中，您正在寻找具有类opensAply的元素的兄弟，但它没有兄弟

Answer 2

您需要先成为父母，因为.jobcode是其父母的兄弟，而不是跨越。

＆＃13;

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

＆＃13;

点击按钮获取范围内容

2 个答案: