jquery - 如果相关 div 有 img src，则隐藏 span""

Question

我是这里的新蜜蜂......我已经和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="" 为空时，我想隐藏 Span #banner2。

任何帮助表示赞赏！

谢谢， 什里

http://jsfiddle.net/Yx5hu/

Answer 1

检查以下代码

<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();
}
});

Answer 2

尝试：

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

样本

这将适用于任意数量的lis 和divs，只要它们的 id 匹配