Question

我有一些div我想要改变选择性div位置到中心意味着我选择前两个div只有div文本移动到center点击

＆＃13;

$("#key").click(function myfunction() {
  $("div").css("text-align", center);
});

＆＃13;

div {
  background-color: yellow;
  margin-top: 20px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="key">clickme</button>
<div onselect="myfunction()">blabla</div>
<div onselect="myfunction()">cat</div>
<div onselect="myfunction()">rose</div>

＆＃13;

Answer 1

您无需提供姓名即可点击function。它可以是匿名的。另外，应$("div").css("text-align", 'center')分配css属性。

function myfunction() {
    //Not sure why you have this on div.
}

$(document).ready(function() {
  $("#key").click(function() {
    $("div").css("text-align", 'center')
  });
});

div {
  background-color: yellow;
  margin-top: 20px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="key">clickme</button>
<div onselect="myfunction()">blabla</div>
<div onselect="myfunction()">cat</div>
<div onselect="myfunction()">rose</div>

Answer 2

在元素<{li>的toggle上设置（selected）click课程
移除inline活动onselect
将center属性设置为仅包含selected类
在quotes， $("div").css("text-align", 'center');

$("#key").click(function myfunction() {
  $("div.toGrab:not(.selected)").css("text-align", '');
  $("div.selected").css("text-align", 'center');
});

$("div.toGrab").on("click", function() {
  $(this).toggleClass('selected');
});

div {
  background-color: yellow;
  margin-top: 20px;
  cursor: pointer;
}
.selected {
  background: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="key">clickme</button>
<div class='toGrab'>blabla</div>
<div class='toGrab'>cat</div>
<div class='toGrab'>rose</div>

Answer 3

只是一个小小的错过，需要将值分配为字符串，如下所示：

$("#key").click(function() {
   $("div").css("padding", "50");
});

如果您想要提供保证金而且数字也将被指定为字符串：

{{1}}

Answer 4

@aswathy您的所有代码都没问题，只有您错过了"text-align", 'center'

center属性应该是单引号

  $("#key").click(function myfunction() {
    $("div").css("text-align", 'center');
  });

div {
  background-color: yellow;
  margin-top: 20px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="key">clickme</button>
<div onselect="myfunction()">blabla</div>
<div onselect="myfunction()">cat</div>
<div onselect="myfunction()">rose</div>

单击div样式更改不起作用

4 个答案: