jQueryでidを取得する方法
jQueryでHTMLタグ内のid属性(属性は英語でattribute)を取得するには、
attr('id');
をつけてあげます。
おそらく、attrがattributeのことかな。
なので「WEB画面でクリックしたもののidを取得したい」という時は、
$('div').click(function() {
let getId = $(this).attr('id');
console.log(getId);//id1
});
参考サイト
で、今回は、
$('#taglist').find('.btn').click(function() {
//クリックしたボタンのid取得
var thisid = $(this).attr('id');
console.log(thisid);
で、クリックしたボタンのidを取得しようと思ったのですが、どうもできません。
調べてみると、
<input class="btn btn-danger mb-1" type="button" value="無視" id="kyoudoutyuui-1">
Qitaですと赤破線で表示されていますが「id=」の前に全角スペースが入っています。
これ、あるあるなんですよね〜。
予防策
とりあえず日本語ユーザのエンジニア向けにこんなのがあるみたいです。
さっそく入れてみます。
VSCODEの拡張機能で、zenkakuを検索し、インストールし、VSCODEを再起動します。
全角部分がグレー化されています。これをつぶしていけばいいわけですね。
自分の場合、年に3回くらい(自分で書いたコードだとチェックが甘くなるのでみつけられないんです)こういうことがあるのですが、この拡張機能を入れることでタイムロスが減りそうです。
これで、無事動くようになりました。