Jquery 创建翻转文本位置的函数

需要创建一个函数，当容器调用数字“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>

---

您需要使用

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');
    }
}

---

我认为您的代码有点混乱，您试图将CSS更改应用于名为container的字符串

你能检查一下，看看这是否是你想要的吗：

---

您可以比较对齐的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);

---

为什么要覆盖容器变量而不是使用它？我从来没有做过带参数的函数，我需要按位置更改参数。

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

invert(2);

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);