0

私はここで新しい蜂です...私はしばらくの間jqueryと戦っています。（私の学習曲線で）

これは私がやろうとしていることです：

私は以下のリストを使用しています：

<ul>
<li class="li-listb"><span id="banner1">Banner I</span></li>   
<li class="li-listb"><span id="banner2">Banner II</span></li>           
</ul>

Jqueryを使用します

<script>
$(function () {

// Make the divs have equal heights
var h1 = $("#div1").height();
var h2 = $("#div2").height();
$("#div1,#div2").height(Math.max(h1, h2));

// Then hide the second div
$("#div2").hide();

// Then add a click handlers to the buttons
$("#banner1").click(function () {
    $("#div1").show();
    $("#div2").hide();
});
$("#banner2").click(function () {
    $("#div1").hide();
    $("#div2").show();
});
})</script>

スパンを以下のdivにリンクします

<div class="workspace">
<div id="div1">
<img src="http://weareunio.com/unio/wp-content/uploads/2013/02/728x901.jpg"/>
</div>
<div id="div2">
<img src=""/>
</div>
</div>

div2 img src = ""が空の場合、スパン＃banner2を非表示にします。

どんな助けでも大歓迎です！

ありがとう、シュリー

http://jsfiddle.net/Yx5hu/

4

2 に答える 2

0

次のコードを確認してください

<ul>
   <li class="li-listb"><span id="banner1">Banner I</span></li>   
   <li class="li-listb"><span id="banner2">Banner II</span></li>           
</ul>
<div class="workspace">
 <div id="div1">
   <img src="http://weareunio.com/unio/wp-content/uploads/2013/02/728x901.jpg"/>
 </div>
<div id="div2">
   <img src=""/>
</div>

およびjavascript

$("div.workspace div").each(function(index){    
var src = $(this).find("img").attr("src");
var n = ($(this).attr("id")).substring(3);
if(src == "")
{
    var bnrID = "#banner"+n;
    $(bnrID).hide();
}
});
于 2013-03-15T09:31:46.787 に答える
0

試す：

$("ul li").each(function(index){
 if($('#div'+ (index+1) + ' img' ).attr('src') == "")
    $(this).hide()
});

サンプル

これは、IDが一致する場合、任意の数のlisおよびsで機能します。div

于 2013-03-15T08:51:46.223 に答える