[解決済み] jQuery - クラスの代わりにIDを追加する

質問

現在使用している jQuery :

$(function() {
    $('span .breadcrumb').each(function(){
        $('#nav').addClass($(this).text());
        $('#container').addClass($(this).text());
        $('.stretch_footer').addClass($(this).text())
        $('#footer').addClass($(this).text());
    });
});

パンくずが持っているテキストをページ上の4つの要素に適用し、そこでページに特化したスタイルにすることができるのです。

クラスではなくIDを付けてみたいのですが、どうすれば実現できますか？

どのように解決するのですか？

これを試してみてください。

$('element').attr('id', 'value');

となるわけです。

$(function() {
    $('span .breadcrumb').each(function(){
        $('#nav').attr('id', $(this).text());
        $('#container').attr('id', $(this).text());
        $('.stretch_footer').attr('id', $(this).text())
        $('#footer').attr('id', $(this).text());
    });
});

つまり、3つの要素のidを変更/上書きして、1つの要素にidを追加しているわけです。 必要に応じて変更してください。