HIde Element, используя jquery - PullRequest
Новая
       0

HIde Element, используя jquery

0 голосов
/ 06 мая 2020

Как я могу скрыть этот элемент? Он будет автоматически заполнен из внешнего источника. Я хочу скрыть этот текст. 

<div style="display: block; z-index: 2147483647; padding: 3px; position: absolute; line-height: 2em; font-family: sans-serif; font-size: 11px; visibility: visible; color: red; opacity: 1; background: transparent; text-align: center; width: auto; height: auto; top: 24px; right: 0px;">
  <a href="http://www.cmpany.com" onclick="this.blur();" target="_blank" style="color: inherit; text-decoration: none;">company</a>
</div>

<script>
  $('div').filter(function() {
    return $(this).css('z-index') == '2147483647';
  }).css('display', 'none');
</script>

Я использую этот jQuery код, чтобы скрыть элемент. Работает при загрузке страницы 2 раза. В первый раз это не сработает, я перезагружаю страницу, и она работает.

Есть ли какая-нибудь опция! Important, которая будет применяться к этому при загрузке первой страницы?

Ответы [ 4 ]

0 голосов
/ 06 мая 2020

Вы можете выбрать, используя следующее, и скрыть его. 

$(document).ready(function(){

$('div[style="display: block; z-index: 2147483647; padding: 3px; position: absolute; line-height: 2em; font-family: sans-serif; font-size: 11px; visibility: visible; color: red; opacity: 1; background: transparent; text-align: center; width: auto; height: auto; top: 24px; right: 0px;"]').hide();

});
0 голосов
/ 06 мая 2020 

 $('a[href="http://www.cmpany.com"]').parent().hide();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>

<body>
<div style="display: block; z-index: 2147483647; padding: 3px; position: absolute; line-height: 2em; font-family: sans-serif; font-size: 11px; visibility: visible; color: red; opacity: 1; background: transparent; text-align: center; width: auto; height: auto; top: 24px; right: 0px;">
  <a href="http://www.cmpany.com" onclick="this.blur();" target="_blank" style="color: inherit; text-decoration: none;">company</a>
</div>
</div>
0 голосов
/ 06 мая 2020 
<script>
 $('div').filter(function() {
      $(this).css('z-index', '2147483647')
  }, function () {
     $('div').hide()
  });
</script>
0 голосов
/ 06 мая 2020

Вы используете return, когда функция останавливается, в этом нет необходимости. Также ваш дисплей не находится в неправильном месте, он вам нужен внутри и применяется к элементу, как и для z-index. 

  $('div').filter(function() {
    $(this).css('z-index') == '2147483647';
    $(this).css('display', 'none');
  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div style="display: block">
test
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...