Question

我有一个名为sliceText的var，它包含一个文本，只要用户将鼠标悬停在visualforce图表的某个部分上，就会收集该文本。我尝试使用在运行时计算的值和newSize var保持相同的值来增加此文本的大小。但是使用jquery以下语法不起作用，我无法更改字体大小。

var sliceText = j$(this).text();
j$(sliceText).css('font-size', newSize);

如何使用jquery将var指定为选择器？我希望以下解决方案适用于我，但当我尝试时它不是！ https://docs.acquia.com/articles/increase-text-size-jquery

Answer 1

您需要将css应用于包含无文本

的文本的DOM对象

Joe Smith, Joe@gmail.com Joe@outlook.com Joe@yahoo.com, 26

Answer 2

你没有提到dom是id还是class

    var sliceText = j$(this).text();
    j$("#"+sliceText).css('font-size', newSize); --- if the dom element is an id

    j$("."+sliceText).css('font-size', newSize);  --- if the dom element is  a class

Answer 3

var newSize = '30px';

var originalSize = '14px';

$("span").hover(function(){
        $(this).css('font-size', newSize); 
        }, function(){
        $(this).css('font-size', originalSize); 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span> Jan </span><br/>

<span>Feb</span><br/>

<span>March</span>

Answer 4

据我所知，您想要更改悬停元素的字体大小所以试试这个

function funtest()
{
    var oldSize = parseFloat(j$('text').css('font-size'));
    var newSize = oldSize * 2;
    j$('path, tspan').mouseover(function () {
        j$(this).css('font-size', newSize);
    });
}

将var指定为选择器

4 个答案: