0

画面サイズに応じて wrapInner を追加および削除しようとしています。これは可能ですか？

$(window).resize(function() {
    if (window.innerWidth < 768) {

        $('.homeNewsHeading > h3').wrapInner('<a href="#text" class="newcss" />');

    } else if (window.innerWidth > 768) {

    // How do I Remove the above wrapInner a-tag from the h3-tag?

    }
}).resize();
4

4 に答える 4

0 
var appendsToggle = function(){

    var title = $('h2');

    if($(window).width() < 768){

        $(title).each(function(){
            if(!$(this).find('a').length)
                $(this).wrapInner('<a href="#"></a>');
        });

    }else{
        $(title).each(function(){
            if($(this).find('a').length)
                $(this).html($(this).find('a').html());
        });
    }
}
appendsToggle();
$(window).resize(appendsToggle);
于 2013-05-24T13:17:43.770 に答える
0 
$(window).resize(function() {
    if (window.innerWidth < 768) {

        $('.homeNewsHeading > h3').wrapInner('<a id="your-tag" href="#text" class="newcss" />');

    } else if (window.innerWidth > 768) {

        $('.homeNewsHeading > h3').text($('.homeNewsHeading > h3').text());

        $('#your-tag').remove();

    }
}).resize();
于 2013-04-30T10:23:55.547 に答える
0

試す

$(window).resize(function() {
    if (window.innerWidth < 768) {
        $('.homeNewsHeading > h3').wrapInner('<a href="#text" class="newcss" />');
    } else if (window.innerWidth > 768) {
        $('.homeNewsHeading > h3').find('.newcss').children().unwrap();
    }
}).resize();

デモ:フィドル

于 2013-04-30T10:44:21.043 に答える
0

.innerWrap は画面を小さくしたときに機能し、.unwrap は画面を大きくしたときに機能していましたが、動的ではなく更新時のみでした。理由はわかりませんが、これだけがうまくいきました：

HTML

<div class="homeNewsHeading">
    <h3>Latest News</h3>
</div>

Jクエリ

$(window).resize(function() {
    if (window.innerWidth < 768) {

        $('.homeNewsHeading > h3').wrapInner('<a href="#text" class="newcss" />');

    } else if (window.innerWidth > 768) {

        $('.homeNewsHeading > h3').replaceWith('<h3>Latest News</h3>');

    }
})
于 2013-04-30T10:40:28.647 に答える