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

黄舟
Lepaskan: 2017-06-23 13:48:19
asal
1226 orang telah melayarinya

jquery属性选择器[attribute=value]的问题

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

问题是:liindex一直是-1;
那么我var liindex = $(this).siblings("ul").children("[datasrc=bigimgsrc]").index();这一句话是哪里出问题了呢?请指点一下。

"[datasrc='" + bigimgsrc + "']"
Salin selepas log masuk

我一般都习惯带对引号,还有开始没看清,变量你用拼接吧。

语法并没有错,检查一下是否拼写错误。index()找不到元素情况下返回-1,所以children这里的选择器拼写是否有错误?

 <div>
        <img src="http://apeclass.cn/1212/img/photo_01.jpg">
        <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">
        <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">
        <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>
Salin selepas log masuk

说明$(this).siblings("ul").children("[datasrc=bigimgsrc]")没有选取到任何元素。

Atas ialah kandungan terperinci jquery选择器[attribute=value]出现的问题解决办法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan