Question

我有以下元素：

<a href="http://somelink" title="Open the library that contains this result" class="ms-calloutLink ms-uppercase" id="some_random_id" clicktype="ActionViewLibrary">View Library</a>

我尝试使用下面的CSS代码隐藏/删除它，但它没有用。我想隐藏/删除它。

.ms-calloutLink ms-uppercase [text='Open the library that contains this result']
{
   display:none;
}

Answer 1

你可以使用css和jQuery隐藏。

使用css

.ms-calloutLink
{
   display:none;
}

使用jQuery，您可以使用id选择器，如果要在页面加载时隐藏，则将隐藏代码放入document.ready事件处理程序

$(document).ready(function(){
    $('#some_random_id').hide();
});

如果你想隐藏某些事件，比如点击某个按钮

$('#idOfButton').click(function(){
    $('#some_random_id').hide();
});

根据注释编辑，如果元素的id是动态的，您可以使用类选择器。

$('.ms-calloutLink.ms-uppercase').hide();

Answer 2

您可以使用jQuery id selector

$(document).ready(function(){
    //ID selector
    $("#some_random_id").hide();

    //Attribute selector
    $('a[title="Open the library that contains this result"]').hide();
});

或使用css

#some_random_id
{
   display:none;
}

修改

CSS

.ms-calloutLink.ms-uppercase[title='Open the library that contains this result']
{
   display:none;
}

DEMO

Answer 3

用css隐藏它是你最好的选择

a.ms-calloutLink.ms-uppercase[title='Open the library that contains this result'] {
   display:none;
}

或者，如果您有权访问html

，则可以添加内联样式

<a href="http://somelink" style="display:none;" title="Open the library that contains this result" class="ms-calloutLink ms-uppercase" id="some_random_id" clicktype="ActionViewLibrary" >View Library</a>

要使用jQuery隐藏元素，这应该有效：

$(document).ready(function() {
$('a.ms-calloutLink.ms-uppercase[title*="Open the library]"').hide();
});

jQuery函数将找到所有带有“ms-calloutLink”和“ms-uppercase”类的锚标签，这些标签的标题也包含“打开库”字样。

我在这里假设你不会有多个具有相同标题/类组合的锚标签。如果您这样做，请更新您的问题，我将更新我的回复：）。

快乐的编码！

如何使用CSS或JQuery隐藏此元素

3 个答案:

修改