0

クリックされた要素のIDを取得する方法は、次のように知っているだけです：

$("button").click(function(){
console.log($(this).attr("id"));
}

しかし、Webページの読み込み時にIDを取得するにはどうすればよいですか? これを見て..

$("button").ready(function(){
console.log($(this).attr("id"));
}

ドキュメントオブジェクト全体とこれを返します..

$("button").load(function(){
console.log($(this).attr("id"));
}

単に何もしません。

ロード時にすべてのボタンのスタイルを動的に変更したい。

主なプロジェクトはより複雑で、それを行うために js コアを使用したくありません。jQuery セレクターのシンプルさが必要ですが、同等の js アプローチが高く評価されています。

4

3 に答える 3

0

ロード時にすべてのボタンのスタイルを動的に変更したい。

その場合は、各ボタンの を取得する必要なく、ロード時にセレクターにcssを適用するだけで済みます。buttonid

$(function() {
    $("button").css("background-color", "#C00");
});

または、css スタイリングをクラスに入れ、すべてのボタンにクラスを適用するだけです。

$(function() {
    $("button").addClass("red-bg");
});

idロード時に各ボタンの を取得したい場合は、複数のボタンがある可能性があるという事実に対応するために配列を使用する必要があります。

var buttonIds = $("button").map(function() {
    return this.id;
}).get();

each()ただし、セレクターを反復処理してbutton個々のボタン要素にアクセスするために使用できるため、これはかなり無意味な方法です。

于 2012-04-26T09:04:20.290 に答える
0

jqueryですべてのボタン要素を取得し、各ボタン要素をループしてスタイルを変更できます-:

$(function()
{
    var allButtons = $('button');
    $.each(allButtons,function(index,element)
    {
        $(element).css('width','100px');
    });
});
于 2012-04-26T09:08:57.260 に答える
0

私はあなたがこれを探していると思います：

        $(document).ready(function () {
            $(":button").each(function () {
                console.log($(this).attr("id"));
            })
        });
于 2012-04-26T10:34:21.017 に答える