Question

我将元素id存储在变量globe中然后应用css但它不起作用。如果我将CSS应用于＆＃39; img＆＃39;它的作品，但当我试图用变量申请它不工作。我有检查控制台全球值包含id只是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'});

Answer 2

请尝试以下代码：

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

变量selglobe在第一行被转换为jQuery对象，因此您不再需要使用$(selglobe)，因为它已经是一个jQuery对象。

Answer 3

试试这个

                  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);替换为var selglobe='#' + 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 4

将var selglobe=$('#' + globe);更改为var selglobe= '#' + globe;

使用变量将css应用于元素

4 个答案: