Question

当容器调用数字“1,2,3,4”翻转文本的位置时，需要创建一个函数。如果左边的文字向右，如果你在右边则向左走。

<div class="container container1">
    <p>box1</p>
</div>
<div class="container container2">
    <p>box2</p>
</div>
<div class="container container3">
    <p>box3</p>
</div>
<div class="container container4">
    <p>box4</p>
</div>

Jquery的

function invert(container){
    var container = $('.container');   
    $('container').css('text-align','right');
}

invert(2); //2 is the corresponding number of the section to flip the text ".container 2"

jsfiddle

Answer 1

您需要使用container参数来选择所需的元素

function invert(container) {
    var element = $('.container').eq(container-1); // Subtract 1 because `.eq()` is zero-based
    if (element.css('text-align') == 'right') {
        element.css('text-align', 'left');
    } else {
        element.css('text-align', 'right');
    }
}

Answer 2

我认为您的代码存在混淆，您尝试将CSS更改应用于名为container的字符串。

你能检查一下，看看它是不是你想要的：

http://jsfiddle.net/17byruh1/1/

function invert(container){
    var dom = $('.container'+container);   
    $(dom).css('text-align','left');
}

invert(2);

Answer 3

您可以比较对齐的css属性。这是一个链接

function invert(container) {
     var dom  = $('.container'+container);
     if (dom.css('text-align') == 'right') {
         dom.css('text-align', 'left');
     } else {
         dom.css('text-align', 'right');
     }
}
invert(4);

http://jsfiddle.net/17byruh1/3/

创建翻转文本位置的功能

3 个答案: