我将元素 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);
最佳答案
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'});
关于jquery - 使用变量将 css 应用于元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16707115/