jqueryは要素のIDの内容を取得できますか?-フロントエンドQ&A-php.cn

jqueryは要素のIDの内容を取得できますか?

WBOY

リリース： 2022-06-08 10:27:19

オリジナル

1459 人が閲覧しました

jquery は、要素内の ID の内容を取得できます。これは、attr() メソッドを使用して取得できます。このメソッドは、選択した要素の属性と値を設定または返すために使用されます指定された要素の属性値を返すために使用される場合、 return は最初に一致した要素の値のみであり、構文は "$(selector).attr("id")" です。

jqueryは要素のIDの内容を取得できますか?

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery は要素 id の内容を取得します

jquery は要素の id の内容を取得できます

attr() メソッドのセットまたは戻り値選択した要素と値の属性。

このメソッドを使用して属性値を返すと、最初に一致した要素の値が返されます。

このメソッドを使用して属性値を設定すると、一致する要素に対して 1 つ以上の属性/値のペアが設定されます。

構文は次のとおりです:

属性の値を返します

$(selector).attr(attribute)

ログイン後にコピー

構文拡張

Set属性と値:

$(selector).attr(attribute,value)

ログイン後にコピー

関数を使用してプロパティと値を設定します:

$(selector).attr(attribute,function(index,currentvalue))

ログイン後にコピー

複数のプロパティと値を設定します:

$(selector).attr({attribute:value, attribute:value,...})

ログイン後にコピー

例は次のとおりです:

要素の取得 id 属性の値。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("图片的id属性值: " + $("img").attr("id"));
});
});
</script>
</head>
<body>
<img src="img_pulpitrock.jpg" alt="Pulpit Rock" width="284"    style="max-width:90%" id="picture">
<br>
<button>返回图片的id属性值</button>
</body>
</html>

ログイン後にコピー

出力結果:

jqueryは要素のIDの内容を取得できますか?