Question

function myFunction(e) {
    if ($(e).is(':visible')) {
        $(e).attr("value", "      x      ");
    }
}

script.js

<ul class="nav nav-list panel-tabs filterButtons">
    <li>
        <input class="btn input-arya btn-primary"
               type="button" data-target="#decidedNo"
               data-toggle="tab" onclick="myFunction(this)" value="With Decided No">
        </input>
    </li>
</ul>

xxxx.html

我想用该值添加空格。我不能。

输出按钮值；

"x"

Answer 1

好的，首先要注意的是：

没有</input>，因此请关闭起始标签中的标签。
在CSS中使用padding而不是 来引入空格。
通过:visible类，您实际上可以在CSS中使用常规样式。

input {padding: 0 15px;}

<ul class="nav nav-list panel-tabs filterButtons">
  <li>
    <input class="btn input-arya btn-primary" type="button" data-target="#decidedNo" data-toggle="tab" onclick="myFunction(this)" value="With Decided No" />
  </li>
</ul>

或具有更多空间：

input {padding: 0 75px;}

<ul class="nav nav-list panel-tabs filterButtons">
  <li>
    <input class="btn input-arya btn-primary" type="button" data-target="#decidedNo" data-toggle="tab" onclick="myFunction(this)" value="With Decided No" />
  </li>
</ul>

Answer 2

我想您要输入“”

编辑：您可以对JavaScript或String.fromCharCode（160）使用“ \ xa0”，两者都等于空格。

＆nbsp用于html实体

function myFunction(e) {
    if ($(e).is(':visible')) {
        $(e).attr("value", " ");
    }
}

Answer 3

function myFunction(e) {
    if ($(e).is(':visible')) {
        e.value = "    "
    }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<ul class="nav nav-list panel-tabs filterButtons">
    <li>
        <input class="btn input-arya btn-primary"
               type="button" data-target="#decidedNo"
               data-toggle="tab" onclick="myFunction(this)" value="With Decided No">
      
    </li>
</ul>

如何在jQuery的按钮值中添加空间

3 个答案: