从父级或最近级Div获取数据值

Question

我有这个函数，我试图获取外部div的数据值，但似乎无法正常工作，这是我的代码：

我希望变量test的值为1000。但是我不确定。

main

chrome.exe localhost:8080

Answer 1

function View(anchor) {
 var test = $(anchor).parent().data('value');
 console.log(test);
}

function Hide(anchor) {
 var test = $(anchor).parent().data('value');
  console.log(test);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div data-value="1000">
<a onclick="View(this);">view</a>
<a onclick="Hide(this);">hide</a>
</div>

Answer 2

这是针对此问题的JQuery解决方案。

$('#hide').click(function() {
  alert($(this).parent().data('value'));
})

$('#view').click(function() {
  alert($(this).parent().data('value'));
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div data-value="1000">
  <a id="view">View</a>
  <a id="hide">Hide</a>
</div>