Kod JavaScript obejmujący elementy o określonym ID Opcje

[JamalBIG]

Witam

W jaki sposób zmodyfikować poniższy kod aby obejmował tylko obrazki z określonym ID - obecnie obejmuje wszystkie które posiadają 'parametr' 'title'.

[HTML] pobierz, plaintext 
(function($) {
 
    $.titleBlock = {
 
        defaults: {
 
            removeTitle: true,
            thefontSize: "12px"
 
        }
 
    }
 
    $.fn.extend({
        titleBlock:function(config) {
 
            var config = $.extend({}, $.titleBlock.defaults, config);
 
            return this.each(function() {
 
                var theImage    = $(this),
                    removeTitle = config.removeTitle,
                    theFontSizeValue = config.thefontSize;
 
                theImage
                    .wrap("<div class='image'>")
                    .parent()
                    .append("<span>&nbsp;</span>")
                    .find("span")
                    .html(theImage.attr('alt'))
                    .wrapInner("<div style='font-size:" + theFontSizeValue + "px;'></div>");
 
                if (removeTitle) {
 
                    theImage
                        .removeAttr("title");
 
                }
 
 
            })
 
 
        }
 
    })
 
 
})(jQuery);
[HTML] pobierz, plaintext 

[kamil4u]

Podaj kod wraz z przykładowym wywołaniem i HTML

[JamalBIG]

wywołujemy kodem:

[HTML] pobierz, plaintext 
<img src="zdjecie.png" alt="<strong>Tytuł</strong><br />Tekst" />
[HTML] pobierz, plaintext 

Ten post edytował JamalBIG 17.11.2012, 19:06:33

[kamil4u]

Tak jakoś nieprofesjonalnie, ale powinno działać:

Kod

if( theImage.attr('id') == 'TwojeId' ){
  theImage
.wrap("<div class='image'>")
.parent()
.append("<span>&nbsp;</span>")
.find("span")
.html(theImage.attr('alt'))
.wrapInner("<div style='font-size:" + theFontSizeValue + "px;'></div>");
}