jquery - jQuery-変数を定義するためのベストプラクティス

Question

要素の属性を取得して変数を定義しようとしています。属性を使用することに加えて、いくつかのhtmlを追加したいと思います。

これよりも良い方法はありますか？：

var tip = $(this).attr('title').append('<p>Take me to:</p>');

Answer 1

このようなもの：

var tip = $('<p/>', {
    title: 'Take me to ' + $(this).attr("title")
});

Answer 2

$（this）.attr（'title'）は、htmlを追加しようとしているタイトルを返します（これは機能しません）。

var x = $(this).append(html).attr('title'); 

動作するはずです（xは要素のタイトルと等しくなります）。

Answer 3

あなたがしていることは、かなり未定義の動作です。attr(name)その属性の値を、文字列、数値など、何であれ返します。したがって、他の値と同様に扱うことができます。

`var tip = '<p>Take me to: '+$(this).attr('title')+'</p>';

Answer 4

シンプルに保ち、jQuery オブジェクトのままにします。

var $tip = $('<p>Take me to: ' + $(this).attr('title') + '</p>');