.DATAを使用してCHANGINデータ値を（）と.ATTR（）の両方

を失敗した私はこのコードを持っている：.DATAを使用してCHANGINデータ値を（）と.ATTR（）の両方

<li> 
    <a href="#" id="bca"> 
     <img width="60" height="35" class="brand img-responsive" alt="logo" 
     src="view/backoffice/assets/img/form-wizard/bca.png" 
     data-src-retina="view/backoffice/assets/img/form-wizard/[email protected]"> 
    </a> 
</li>

を、私はこのjQueryのを持っている：

$("#bri").click(function() { 
    event.preventDefault(); 
    $("#bca").children().attr("src","view/backoffice/assets/img/form-wizard/bca-grey.png"); 
    $("#bca").children().attr("data-src-retina","view/backoffice/assets/img/form-wizard/[email protected]"); 
});

私はdata-src-retinaを変更することができない理由jqueryを使用した値ですか？このような別の方法を使用しようとしましたが、失敗しました：

$("#bri").click(function() { 
    event.preventDefault(); 
    $("#bca").children().attr("src","view/backoffice/assets/img/form-wizard/bca-grey.png"); 
    $("#bca").children().data("src-retina","view/backoffice/assets/img/form-wizard/[email protected]"); 
});

ここで私は何をしましたか？ありがとうございました。

出典

2016-05-09 Saint Robson

あなたは '@'なしdiferentファイル名を使用せずに試してみましたか？ –

これはうまくいきますが、javascriptで '＃bca'にするときにセレクタ'＃bri'があります。 – aaronofleonard

@Amleonard：私がここに貼り付けたものは実際のコードの短縮形ですから –

は、あなたのコードが正常に動作ようだ：

$(document).ready(function() { 
    $("#bri").click(function() { 
    $("#bca").children().each(function() { 
     alert("Old data-src-retina:" + $(this).attr("data-src-retina")); 
    }); 
    event.preventDefault(); 
    $("#bca").children().attr("src", "https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRE9BlrARaNurkqQCh1Y-CeyvAsqpFYVVUwIe_TpPhhJLglGK0aRHZuZw"); 
    $("#bca").children().attr("data-src-retina", "https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRUc0zJ7TAI81eAL8sitUl81v409oihvi3fRfnnbyzTbhYAJC33"); 
    $("#bca").children().each(function() { 
     alert("New data-src-retina:" + $(this).attr("data-src-retina")); 
    }); 
    }); 
});

Plunker：https://plnkr.co/edit/mlyous7dosRl9IN9ds7U

出典

2016-05-09 17:07:53

.DATAを使用してCHANGINデータ値を（）と.ATTR（）の両方

答えて

関連する問題