Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Проблемка с изменением css стиля jQuery (https://javascript.ru/forum/xhtml-html-css/49396-problemka-s-izmeneniem-css-stilya-jquery.html)

devote 11.08.2014 17:51

оу сорри. я не прав... что-то не внимателен я стал нынче.. вы же не по Id выбираете, приношу извинение за дезинформацию.

devote 11.08.2014 17:54

Цитата:

Сообщение от Georrg
Консоль правда всеравно ругается(Uncaught SyntaxError: Failed to execute 'querySelectorAll' on 'Document': '[task_id=22]' is not a valid selector. ) Но зато я знаю куда двигаться!!

что бы не ругал, нужно селектор что бы выглядел правильно: '[task_id="22"]' кавычки добавить между числом.
jQuery(document.querySelectorAll('[task_id="'+item.id+'"]')).addClass('redcolor');

рони 11.08.2014 17:54

Цитата:

Сообщение от devote
потому что jQuery не умеет выбирать по ID тегам несколько элементов

:-?
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .orange {
    background: #FFCC00;
  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
      $("[id='block_info']").toggleClass("orange");
      alert($('body').html())

});
  </script>
</head>

<body>
<div id='block_info'>Информация</div>
<div id='block_info'>Информация</div>
<div id='block_info'>Информация</div>
</body>
</html>

devote 11.08.2014 17:58

рони,
да, про такой селектор не знал что в нем работает, но если такой, то уже увы (((
<!DOCTYPE HTML>
 
<html>
 
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .orange {
    background: #FFCC00;
  }
 
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
      $("#block_info").toggleClass("orange");
      alert($('body').html())
 
});
  </script>
</head>
 
<body>
<div id='block_info'>Информация</div>
<div id='block_info'>Информация</div>
<div id='block_info'>Информация</div>
</body>
</html>

Georrg 11.08.2014 18:34

Сейчас попробую отпишусь!

Georrg 11.08.2014 18:41

Цитата:

Сообщение от рони (Сообщение 325381)
:-?
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .orange {
    background: #FFCC00;
  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
      $("[id='block_info']").toggleClass("orange");
      alert($('body').html())

});
  </script>
</head>

<body>
<div id='block_info'>Информация</div>
<div id='block_info'>Информация</div>
<div id='block_info'>Информация</div>
</body>
</html>

Ронни вы волшебник!) Кажись заработало(правда добавляется пока к родительским классам, но ничего, думаю это уж я исправлю!!)

WorM32 12.08.2014 08:55

Цитата:

Сообщение от рони (Сообщение 325377)
Georrg,
вы кавычки то поставили в селектор?

Значение атрибута не обязательно в кавычки заключать, если там нет разрыва строки.

рони 12.08.2014 10:35

Цитата:

Сообщение от WorM32
Значение атрибута не обязательно в кавычки заключать, если там нет разрыва строки.

Цитата:

'[task_id=22]' is not a valid selector.
Цитата:

Syntax error, unrecognized expression: a[href$=.PDF]
где тут разрывы?

WorM32 12.08.2014 10:56

Цитата:

Сообщение от рони (Сообщение 325489)
где тут разрывы?

да, хрень написал ;)


Часовой пояс GMT +3, время: 05:38.