javascript-隐藏没有文字的链接标签?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-隐藏没有文字的链接标签?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2279字,纯文字阅读大概需要4分钟。
内容图文
![javascript-隐藏没有文字的链接标签?](/upload/InfoBanner/zyjiaocheng/677/12f5c0b91f5b44a9828201aa8af30fc0.jpg)
我创建此javascript,以获取页面上的所有链接,并且如果链接长度== 0,则隐藏span标签.我的问题是它隐藏所有具有linktext的span元素大于0
更新:我包括HTML标记,但我在一个页面中有几个视图磁贴8,一个标签ID为lnkBtnTags,它环绕在span标签周围
<div class="resource" style="position: absolute; left: 240px; top: 0px;">
<div class="resource-head clearfix">
<img class="pull-left" src="/ideapark/DesktopModules/ResourcesFilter/img/3.png" alt="icon type" width="36" height="36">
<p class="resource-title pull-left">
Learning Strategies
</p>
<div class="favorite-resource favorited pull-right">
<input type="image" name="dnn$ctr687$View$rp_resList$ctl01$imgBtn_bookmark" id="dnn_ctr687_View_rp_resList_imgBtn_bookmark_1" src="/ideaPark/DesktopModules/ResourcesFilter/img/favorite-star-yellow.png">
</div>
</div>
<div class="resource-body">
<input type="hidden" name="dnn$ctr687$View$rp_resList$ctl01$hf_resID" id="dnn_ctr687_View_rp_resList_hf_resID_1" value="92">
<p class="resource-subtitle"><a href="http://localhost/ideapark/WebsofWonder/SortingMats.aspx">Sorting Mats</a></p>
<p>
Sorting Mats are used to assist students in organizing and classifying data and objects.
</p>
<div class="resource-links">
<p><a id="dnn_ctr687_View_rp_resList_lb_like_1" class="resource-like" href="javascript:__doPostBack('dnn$ctr687$View$rp_resList$ctl01$lb_like','')">Liked</a> <strong>·</strong> <a id="hl_download" class="resource-download hideLinke" href="/ideaPark/DesktopModules/ResourceModule/pdf_resources/">Download</a> </p>
</div>
<div class="resource-tags clearfix">
<span class="resource-tag pull-left">
<a id="lnkBtnTags" class="tagsLinks" href="javascript:__doPostBack('dnn$ctr687$View$rp_resList$ctl01$rp_tagsTopics$ctl00$lnkBtnTags','')"></a>
</span>
</div>
</div>
</div>
Script
$(".tagsLinks").each(function () {
var linkTxt = $(this).text();
console.log(linkTxt.length);
if (linkTxt.length == 0)
{
$(".resource-tag").addClass("hideLinke");
}
});
解决方法:
如果要定位元素的祖先,请与最接近的上下文一起使用.
$(this).closest(".resource-tag").addClass("hideLinke");
码
$(".tagsLinks").each(function () {
// Cache your selector as you are using it multiple times.
var $this = $(this),
linkTxt = $this.text();
// trim the white spaces
if (!$.trim(linkTxt).length) { // equivalent to === 0
$this.closest(".resource-tag").addClass("hideLinke");
}
});
内容总结
以上是互联网集市为您收集整理的javascript-隐藏没有文字的链接标签?全部内容,希望文章能够帮你解决javascript-隐藏没有文字的链接标签?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。