根据链接参数自定义onclick确认消息

Question

我有多个链接：

<a href="validation/object_1/" class="validation">Validate</a>
<a href="validation/object_2/" class="validation">Validate</a>

object_n 是动态定义的

我想请用户确认他想要验证这个对象

类似：

<script type="text/javascript">
$('.validation').on('click', function () {
    return confirm('Are you sure tou want to validate this "object_name" ?');
});

如何自定义第一个链接的 object_1 = object_1 和第二个链接的 object_2 的确认消息？

Answer 1

1. 使用.attr() 并获取href
2. 使用.split()获取需要的字符串

$('.validation').on('click', function() {
  return confirm('Are you sure tou want to validate this ' + $(this).attr('href').split("/")[1] + ' ?');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="validation/object_1/" class="validation">Validate</a>
<a href="validation/object_2/" class="validation">Validate</a>