jquery - 使用变量将 css 应用于元素

Question

我将元素 id 存储在一个变量 globe 中，然后应用 css 但它不起作用。如果我将 css 应用于 'img' 那么它的工作原理，但是当我尝试使用变量应用它时它不起作用。我已经检查了包含 id 的控制台 globe 值，只是没有应用 CSS。

var selglobe=$('#' + globe);
                      $('#one').remove();
                      $(selglobe).addClass('anam');
                      $(selglobe).css("border","double");
                      $(selglobe).css("border-color","yellow");
                      console.log('HTML Globe value is '+globe);

编辑:

var selglobe= $('#' + globe);
$('#one').remove();
selglobe.addClass('anam');
selglobe.css("border","double");
selglobe.css("border-color","yellow");
console.log('HTML Globe value is ' + globe);

Answer 1

var selglobe = $('#' + globe);

这里 selglobe 已经是一个 jQuery 对象。您无需再次执行 $(selglobe) 即可使其成为 jQuery 对象。

你可以简单地这样做:

var $selglobe = $('#' + globe);
$('#one').remove();
$selglobe.addClass('anam');
$selglobe.css("border", "double");
$selglobe.css("border-color", "yellow");
console.log('HTML Globe value is ' + globe);

或更好:

var $selglobe = $('#' + globe);
$('#one').remove();
$selglobe.addClass('anam').css({border: 'double', borderColor: 'yellow'});