0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

全角空白などをVSCODEで検出する

Last updated at Posted at 2022-10-05

jQueryでidを取得する方法

jQueryでHTMLタグ内のid属性(属性は英語でattribute)を取得するには、

attr('id');

をつけてあげます。
おそらく、attrattributeのことかな。

なので「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を再起動します。
image.png
全角部分がグレー化されています。これをつぶしていけばいいわけですね。

自分の場合、年に3回くらい(自分で書いたコードだとチェックが甘くなるのでみつけられないんです)こういうことがあるのですが、この拡張機能を入れることでタイムロスが減りそうです。

これで、無事動くようになりました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?