クリックした要素のtitle属性を、取得したい

Question

初めて携帯から投稿するので文字が乱れていたらすみません。
タイトル通りですが、以下のことを試しました。

    //attrは""、 propはundefinedと表示される
       var pa = $(this).attr('title');
       var pa2 = $(this).prop('title');
                
    //attrでidを個別で指定するとtitle取得できる（propはundefined）
   
  var pa = $('#aaa').attr('title');
     var pa2 = $('#aaa').prop('title');
                
//idはどっちも取れる
      var pa4 = $(this).attr('id');
      var pa5 = $(this).prop('id');
                
//取得したidの変数を入れてみたらundefinedとなる
      var pa6 = $(pa5).attr('title');

これ使うととれるよーというのがありましたらご教授いただけると幸いです。

Comments

[m.ts10806]

htmlをご提示ください。

[sanezane]

htmlですか？ものすごく大きいので全てを載せきれないのですが、どの部分がわかればいいですか？

[m.ts10806]

最低限、再現確認がとれるようにしてください。

[m.ts10806]

いきなりthisとかあっても何に対するthisか分かりませんし、携帯から投稿するのは良いのですが、どのような状況であれコードとエラーはコピペが原則です。

Answer 1

下記のようなコードで試しましたが、きちんと取得できますよ。

<div title="1">いち</div>
<div title="2">に</div>
<div title="3">さん</div>
<div title="4">し</div>
<div id="aaa" title="5">ご</div>

$(function(){
    $("div").on("click",function(){
       var pa = $(this).attr('title');
       var pa2 = $(this).prop('title');
       console.log(pa);
       console.log(pa2);
    });
    
    console.log($("#aaa").attr('title'))
});

HTML含めて再現確認がとれるコードがないとこれ以上の回答は難しいかと。

Answer 2

属性値とプロパティ

まず、DOMの基本を学んで下さい。
「title属性値」と「titleプロパティ値」は別物です。
https://www.google.co.jp/search?q=DOM+getAttribute+プロパティ+違い
https://www.google.co.jp/search?q=jquery+prop+attr+違い

Selectors API

var pa5 = $(this).prop('id');

//取得したidの変数を入れてみたらundefinedとなる
      var pa6 = $(pa5).attr('title');

pa5 === "aaa" なら、aaa要素ノードを探しますが、this のtitle属性値はセレクタ文字列になっていますか。
https://triple-underscore.github.io/selectors4-ja.html#type-selectors

this

下記は期待通りの要素ノードを参照していますか。

console.log(this);

this.outerHTML は何を返しますか。

Re: sanezane さん