Question

我试图隐藏一个名为＆＃34;提供＆＃34;的img如果li id＆＃34; print＆＃34;有类frame3。 frame3是一个类，它被添加到我正在处理的旋转木马上的前滑块上。如果我只使用课程，我似乎已经开始工作了。但是，当我将它与ID组合时，没有骰子。感谢任何帮助......非常感谢！

这是我与之合作的内容。

标记：

 <div class="main-container" style="position:relative;">
        <ul id="slider">
            <li><img src="images/img-1.png"><span><img src="images/slide-1-text.png"></span></li>
            <li><img src="images/img-2.png"><span><img src="images/slide-2-text.png"></span></li>
            <li><img src="images/img-3.png"><span><img src="images/slide-3-text.png"></span></li>
            <li><img src="images/img-4.png"><span><img src="images/slide-4-text.png"></span></li>
            <li><img src="images/img-5.png"><span><img src="images/slide-5-text.png"></span></li>
            <li><img src="images/img-6.png"><span><img src="images/slide-6-text.png"></span></li>
            <li><img src="images/img-7.png"><span><img src="images/slide-7-text.png"></span></li>
            <li><img src="images/img-8.png"><span><img src="images/slide-8-text.png"></span></li>
            <li><img src="images/img-9.png"><span><img src="images/slide-9-text.png"></span></li>
            <li><img src="images/img-10.png"><span><img src="images/slide-10-text.png"></span></li>
            <li><img src="images/img-11.png"><span><img src="images/slide-11-text.png"></span></li>
            <li><img src="images/img-12.png"><span><img src="images/slide-12-text.png"></span></li>
            <li id="print" class="frame3"><img src="images/US_img-13-preview.png"><span><a class="button" rel="print" href="#">Print</a></span></li>
        </ul>

        <img id="prev" src="images/previous.png" onclick="slider_previous()"/> 
        <img id="next" src="images/next.png" onclick="slider_next()"/> 
        <img src="images/offer.png" id="offer" onclick="slider_goto(13); return false"/> 
    </div>

jQuery的：

 $(document).ready(function(){
    if($("#print").hasClass("frame3") == true) {
        $("#offer").hide();
    }    
 });

Answer 1

我知道你已经在jQuery中请求了答案，但为了完整起见，我想我会在Javascript中写出相应的答案。

您可以识别您正在使用的2个DOM节点：

var printListItem = document.getElementById('print');
var offerImage = document.getElementById('offer');

然后你可以执行一个简单的if, then语句：

if (printListItem.className === 'frame3') {
offerImage.style.display = 'none';
}

把整个事情放在一起：

function hideOfferImage() {
    var printListItem = document.getElementById('print');
    var offerImage = document.getElementById('offer');
    if (printListItem.className === 'frame3') {
    offerImage.style.display = 'none';
    }

window.onload = hideOfferImage();

jQuery如果div id有类，隐藏其他div

1 个答案: