6
9

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 3 years have passed since last update.

JavaScriptでいろいろ取得したい時に見てみるリンク集

Last updated at Posted at 2019-07-04

要素の〇〇を取得したい

jQuery版
// idを取得したい
let id = $(要素名).attr('id');
// onClickイベントなどでidを取得したい
let id = $(this).attr('id');
// タグを取得したい
let tag = $(要素名).prop('tagName');
// type属性の値を取得したい
let type = $(要素名).attr('type');
aタグの値を取得したい
/** D3.js */
let val = d3.select("#id属性").text();

要素の値を設定したい

$("#id属性").val("");

ラジオボタン

選択値を取得したい

/** 普通. */
let radios = document.getElementsByName("name属性");
let selected;
for (let i = 0; i < radios.length; i++){
    if(radios[i].checked){
        selected = radios[i].value;
        break;
    }
}
/** jQuery. */
let selected = $('input[name="name属性"]:checked').val();

選択値を設定したい

/** jQuery. */
$('input[name="name属性"]').val([""]);
$('input[name="name属性"]')[0].checked = true;

input type="hidden"の値を取得したい

/** jQuery. */
// name属性指定
let a = $('input:hidden[name="name属性"]').val();
// id属性指定
let d = $('#id属性').val();

家族要素を取得したい

jQueryを使って要素を取得したい

jQueryを使わないで要素を取得したい

他のことを知りたい

JavaScriptの実装に役立つリンク集 - Qiita
JavaScriptでファイルの入出力をしたい時に役立つリンク集 - Qiita
jQueryで表示非表示活性非活性する方法 - Qiita

6
9
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
6
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?