jquery选择器[attribute=value]出现的问题解决办法

$("img").mouseenter(function (){ 
var bigimgsrc = $(this).attr('src');       
var liindex = $(this).siblings("ul").children("[datasrc=bigimgsrc]").index();
       alert(liindex);
       });

"[datasrc='" + bigimgsrc + "']"

 <div>
        <img  src="http://apeclass.cn/1212/img/photo_01.jpg" alt="jquery选择器[attribute=value]出现的问题解决办法" >
        <ul>
            <li data-src="http://apeclass.cn/1212/img/photo_01.jpg"></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div>
        <img  src="http://apeclass.cn/1212/img/photo_02.jpg" alt="jquery选择器[attribute=value]出现的问题解决办法" >
        <ul>
            <li></li>
            <li data-src="http://apeclass.cn/1212/img/photo_02.jpg"></li>
            <li></li>
        </ul>
    </div>
    <div>
        <img  src="http://apeclass.cn/1212/img/photo_03.jpg" alt="jquery选择器[attribute=value]出现的问题解决办法" >
        <ul>
            <li></li>
            <li></li>
            <li data-src="http://apeclass.cn/1212/img/photo_03.jpg"></li>
        </ul>
    </div>
    <script>
    $(&#39;img&#39;).mouseenter(function() {        var bigimgsrc = $(this).attr(&#39;src&#39;),
            liindex = $(this).siblings(&#39;ul&#39;).children("[data-src=&#39;" + bigimgsrc + "&#39;]").index()
        alert(liindex );
    });    </script>