SORU
21 Aralık 2011, ÇARŞAMBA


nasıl bir öğe türü jquery kullanarak değiştirmek için

Aşağıdaki kod var

<b class="xyzxterms" style="cursor: default; ">bryant keil bio</b>

Nasıl h1 etiket b etiketini değiştirmek ama tüm diğer özellikleri ve bilgileri tutmak istiyorsunuz?

CEVAP
21 Aralık 2011, ÇARŞAMBA


İşte jQuery ile bunu yapabilirsin bir şekilde

var attrs = { };

$.each($("b")[0].attributes, function(idx, attr) {
    attrs[attr.nodeName] = attr.nodeValue;
});


$("b").replaceWith(function () {
    return $("<h1 />", attrs).append($(this).contents());
});

Örnek:http://jsfiddle.net/yapHk/

Güncellemeburada bir eklenti:

(function($) {
    $.fn.changeElementType = function(newType) {
        var attrs = {};

        $.each(this[0].attributes, function(idx, attr) {
            attrs[attr.nodeName] = attr.nodeValue;
        });

        this.replaceWith(function() {
            return $("<"   newType   "/>", attrs).append($(this).contents());
        });
    };
})(jQuery);

Örnek:http://jsfiddle.net/mmNNJ/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Air_Fooj

    Air_Fooj

    24 NİSAN 2009
  • Eric Magidson

    Eric Magidso

    4 Ocak 2009
  • HowtoDrawAndPaint

    HowtoDrawAnd

    24 EKİM 2010