Как я могу добавить стиль CSS для Div, когда я нажал кнопку в другом Div

Question

Как я могу добавить стиль CSS для Div, когда я нажал кнопку в другом Div

0

Я пытаюсь добавить некоторые стили CSS для текста div, когда я нажал кнопку в другом div

вот мой html-код

<div class="row" id="target">
  <h2>{{txt}} </h2>
</div>


<div class="row">
  <button my-dir>Click Me</button>
</div>

мой код js

.directive('myDir', function () {
  return {
    restrict: 'A',

    link: function (scope, elem, attr) {
      console.log(elem); 
      elem.bind('click', function (e) {
        console.log("coming");
        elem.find('#target').css({
          backgroundColor: 'red'
        })    

        // angular.element(e.target).siblings('#target').addClass('clr');
      });

    }
  }
});

моя проблема в том, что когда я нажал кнопку в одном стиле div css, нужно применить для другого div с помощью директивы, я попробовал что-то вроде выше, но не работал.

заранее спасибо

Midhunsai 27 июль 2016, в 12:38

Источник

Теги:

javascript

html

angularjs

css

2 ответа

0

если ваш идентификатор элемента уникален и не изменен, вы можете упростить его, как показано ниже

 elem.bind('click', function () {
         $('#target').css('backgroundColor','red');
 });

elem.find найдет все div с id, содержащим "target", попробуйте использовать уникальный идентификатор для всех изменений div. Это поможет вам.

BornToCode 27 июль 2016, в 08:49

Ещё вопросы

brk · Accepted Answer · 2016-07-27T07-22-00.000Z

elem будет ссылаться на button. Итак, elem.find('#target') будет искать #target внутри elem

Вы можете сделать это

elem.bind('click', function (e) {
        $('body').find('#target').css({
          backgroundColor: 'red'
        })    
});