更新一个带有动态id的按钮css

Updating a button's css with a dynamic id

本文关键字：id 动态 按钮 css 一个 更新      更新时间：2023-09-26

我已经尝试了所有以下更新我的按钮的css -这个按钮的id是动态生成的，如下面的html所示。html中可以有几个按钮，每个按钮都有一个动态id，我想用它来改变特定按钮的css取决于它的id是什么

JS: 

1. $('[name="radio-button-group"]').val(mapKeyStore.getValue(key)).css('background-color', 'yellowgreen');
2. $('#'+key).css({'background-color': 'yellowgreen !important', 'color': 'yellowgreen !important'});
3. $('[name = "radio-button-group"]').val(mapKeyStore.getValue(key)).css({'background-color': 'yellowgreen !important', 'color': 'yellowgreen !important'});
4. $('input[name^="radio-button-group"]').val(mapKeyStore.getVa‌​lue(key)).css('backg‌​round-color', 'yellowgreen');
HTML: 

<div class="quality button-selector" ng-repeat="item in main.list track by $index">
      <label class="btn btn-primary btn-prev btn-lg btn-block navigation-button-wrapper" for="{{item}}">
        <input type="radio" name="radio-button-group" id="{{item}}" autocomplete="off" value="{{item}}" ng-click="main.save(item);main.nextI(null)"> {{item}}
      </label>
        <br><br>
    </div>

调用按钮颜色变化的点击发生在另一个按钮上。这些似乎都不起作用，颜色也没有改变。输入吗?

尝试使用以下代码:

$(document).ready(function(){   
     $('input[name^="radio-button-group"]').css('background-color', 'yellowgreen');
});

在编写此代码之前必须包含jquery

相关文章：