-1

jQuery または基本的な Javascript を使用して要素自体を変更する方法はありますか。例: Html タグがあり<a href="mysite.com" title='titlevalue'>Link</a>、このように置き換えることができますか<a href="mysite.com" data-title='titlevalue'>Link</a>。

ええ、title/data-title 属性を追加/削除することはできますが、かなり多くのリンクがあるので、そのようなものがあればより良いでしょう。Google と here で検索しましたが、属性の値を変更して属性を追加/削除しただけで、このようなものは見つかりませんでした。

ご意見をお聞かせください。

ありがとう

4

5 に答える 5

1

これにより、すべての a-Tags でタイトルが data-title に変更されます。

$("a").each(function() {
$(this).attr("data-title", $(this).attr("title"));
$(this).data("title", $(this).attr("title"));
$(this).removeAttr("title");
});

http://jsfiddle.net/eC2cQ/

于 2013-09-25T15:23:04.357 に答える
1

各アンカー タグにデータ タイトル属性を追加する場合は、タイトル属性の値を使用して、次のようにすることができます。

$("a").each(function(){
    $(this).attr("data-title", $(this).attr("title"));
    $(this).removeAttr("title");
});
于 2013-09-25T15:21:53.223 に答える
0

jQueryを使用すると、次のことができます。

// title 属性を持つタグをそれぞれ見つけます

$( 'a[title]' ).each( function ( index, item ) {
  // cache your jQuery object
  var $item = $(item);

  // replace and remove the attributes
  $item.attr( 'data-title', $item.attr( 'title' ) );
  $item.removeAttr( 'title' );
});

いくつかの注意点:

  • 新しいページの要素にカスタム属性が必要な場合は、バックエンド プロセスを変更してこれらの新しい属性を作成することをお勧めします。これを拡張するには、新しいページを手作業でコーディングしている場合は、新しい属性を書き出すだけです。サーバー側のテクノロジを使用している場合は、既に使用しているテンプレート システムを使用して、これらの新しい属性を書き出します。
  • あなたの例は良い習慣ではありません。タイトル属性は多くの人やマシンにとって役立ちます。それらをデータタイトルに置き換えると、多くの標準技術がそれらに含まれる情報を見つけることができなくなります. data-attributes によって暗示される追加の意味があります。これらは追加のアプリケーション固有の情報であり、リンク タイトルは一般的な方法で使用する方が適切です。
  • これは冗長です。データ属性を読み取ることができれば、通常の属性も読み取ることができます。
  • jQueryを使用せずにこれを行う方法は他にもありますが、最近使用されているかなり典型的なライブラリです
于 2013-09-25T15:39:25.363 に答える