javascript - 如何获取 anchor 标记的子值？

Question

<a href="www.yahoo.com"> 
        <div id="id11" data-link="yah">
            <div class="s1">
                <div class="s2" style="color: white">abc</div>
                <div class="s3" style="color: white">xyx</div>
            </div>
        </div>
</a>
<a href="www.google.com"> 
         <div id="id11" data-link="goog"> <div class="s1">
                <div class="s2" style="color: white">abc</div>
                <div class="s3" style="color: white">xyx</div>
            </div>
        </div>
</a>

我想在其父 href 值 =www.yahoo.com 或 www.google.com 时获取数据链接的值谁能建议怎么做？

Answer 1

使用 jquery click事件并使用 .children() 访问 child 的 data 值和 .data()

$(document).ready(function() {

  $("a").on("click", function() {

      console.log($(this).children().data("link"));

  });

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="//www.yahoo.com">
  <div id="id11" data-link="yah">
    <div class="s1">
      <div class="s2" style="color: white">abc</div>
      <div class="s3" style="color: white">xyx</div>
    </div>
  </div>
</a>

<a href="//www.google.com">
  <div id="id12" data-link="goog">
    <div class="s1">
      <div class="s2" style="color: white">abc</div>
      <div class="s3" style="color: white">xyx</div>
    </div>
  </div>
</a>