jquery - 如何使用 jQuery 更改 HTML 属性名称？

Question

我想更改整个 html 文档中 class="testingCase" 的所有属性名称。

例如变化:

<a class="testingCase" href="#" title="name of testing case">Blabla</a>
<a class="testingCase" href="#" title="name of another testing case">Bloo</a>

为此:

<a class="testingCase" href="#" newTitleName="name of testing case">Blabla</a>`
<a class="testingCase" href="#" newTitleName="name of another testing case">Bloo</a>`

我正在考虑查找和替换，但对于如此简单的事情来说，这似乎有很多代码。是否有用于此或简单方法的 jQuery 函数？

Answer 1

javascript 中没有“重命名”属性的内置方法/函数，但您可以创建新属性并删除其他属性...

$('a.testingCase[title]').each(function() {
  var $t = $(this);
  $t.attr({
      newTitleName: $t.attr('title')
    })
    .removeAttr('title');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="testingCase" href="#" title="name of testing case">Blabla</a>
<a class="testingCase" href="#" title="name of another testing case">Bloo</a>

编辑:在位中添加，使其仅选择带有 class="testingCase"的 a 元素