好的说我有很多div.一些div,孩子们有一个班级,其他孩子们有不同的班级.
我想只隐藏有一个特定类的孩子的div.
例如,
<div class="mainDiv">
<div class="kulkul">
<div class="childA">
</div>
</div>
</div>
<div class="mainDiv">
<div class="lalala">
<div class="childB">
</div>
</div>
</div>
<div class="mainDiv">
<div class="kulkul">
<div class="childA">
</div>
</div>
</div>
<div class="mainDiv">
<div class="lalala">
<div class="childA">
</div>
</div>
</div>
<div class="mainDiv">
<div class="kulkul">
<div class="childB">
</div>
</div>
</div>
<div class="mainDiv">
<div class="lalala">
<div class="childA">
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
现在,让我们说我只想隐藏具有子div的父div .childB
据我所知(CSS3无论如何),这不能用CSS完成,因为CSS不允许你设置父div的样式,只允许子div.父.mainDivdiv(我想隐藏的那些)都完全一样.
这样就留下了javascript.
使用上面的示例,如何隐藏.mainDiv包含子div的所有div .childB?
我需要为数百张图片添加图像alt标签.问题是这将需要永远,无论如何似乎有一个更容易的解决方案.
我已经能够使用javascript实现这一点,如下所示:
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
if (typeof attr == typeof undefined || attr == false) {
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
}
});
});
//]]>
</script>
Run Code Online (Sandbox Code Playgroud)
这样做正是我想要的,所以例如,如果我有这个图像:
<img src="http://mywebsite.com/images/the-image1.jpg" />
Run Code Online (Sandbox Code Playgroud)
那么javascript将自动添加alt,如下所示:
<img src="http://mywebsite.com/images/the-image1.jpg" alt="the-image1" />
Run Code Online (Sandbox Code Playgroud)
嗯,这一切都很好,但是现在我想用PHP代替它,因为问题是这只是将标签添加到前端,这意味着它从页面源不可见(只有inspect元素) ,这意味着搜索引擎将不会看到alt标记,这意味着唯一的方法是使用php将其直接放入页面.
那么如何使用php进行上述javascript解决方案呢?