jquery - 使用链接标签 () 的 href 来标识操作

Question

我将标签样式设置为按钮并使用它代替 <button>或 <input submit>标签。

为了标识一个操作，我使用 href 属性，例如:

<a href='update'>Update</a>
<a href='delete'>Delete</a>

然后使用 jQuery: $('a[href="update"]').click(function() { ... });

效果很好。当给定链接充当表单上的提交按钮时，我还使用 href 属性作为“操作”参数的值。

现在是问题 - 搜索引擎会因为我有盲链接而惩罚我吗？ (我也这么认为)。
我该如何解决？使用 #update反而？我不能使用 id属性，因为可能有多个按钮执行相同的操作。

注意:click handler 可以使用 class 连接，这很方便。所以我宁愿不使用 id将多个按钮连接到同一个处理程序。

<!-- inside a form -->
<a href='update' class='submit-button'>Update</a>

<!-- inside $(function() { .. });
$('a.submit-button').click(function() {
    // 1. get href of the clicked link : href = $(this).attr('href');
    // 2. add <input hidden> to the form: <input type='hidden' name='operation' value='<href>'/>
    // 3. submit form : $(this).parents('form').submit();
});

Answer 1

您可以使用“#update”或“#insert”，但您应该使用类属性来区分它们。您可以为单个元素设置多个类吗？与 ID 属性不同的是，可以在整个文档中设置多个相同的类。

<a href="javascript:void(0);" class="update_buton submit_button">Update</a>

然后您就可以改为这样做:

$('.update_button').click(function(e)
{
  // Do something here
});

如果您需要能够区分单击了哪种类型的“submit_button”，您可以这样做:

$('.submit_button').click(function(e)
{
  // Common code up here

  if ( $(this).hasClass('.update_button') )
  {
    // Update here
  }
  else if ( $(this).hasClass('.other_button') )
  {
    // Other action here
  }

  // More common code down here
});