0

我正在尝试使用 jquery 更改我正在使用的插件中按钮上的文本。它的外部 html 是

<button value="[[3,1,1488182400]]" data-group="2017-02-27" class="ab-hour">
  <span class="ladda-label">
    <i class="ab-hour-icon">
      <span></span>
    </i>8:00 am
  </span>
</button>

它的内部 html 是

<span class="ladda-label">
  <i class="ab-hour-icon">
    <span></span>
  </i>8:00 am
</span>

有谁知道我会怎么8:00AM改9-3AM？

4

5 回答 5

1

您可以使用Node.nextSibling在元素后立即包含文本的 javascript。

$(".ab-hour .ab-hour-icon")[0].nextSibling.nodeValue = "9-3AM";


$(".ab-hour .ab-hour-icon")[0].nextSibling.nodeValue = "9-3AM";
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button value="[[3,1,1488182400]]" data-group="2017-02-27" class="ab-hour"><span class="ladda-label"><i class="ab-hour-icon"><span></span></i>8:00 am</span></button>

你也只使用javascript

document.querySelector(".ab-hour .ab-hour-icon").nextSibling.nodeValue = "9-3AM";
于 2017-02-24T12:56:35.723 回答
0

您必须添加<span>jquery 代码，这样您的图标才会保留

$(".ab-hour").html('<span class="ladda-label"><i class="ab-hour-icon"><span></span></i>9-3AM</span>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<button value="[[3,1,1488182400]]" data-group="2017-02-27" class="ab-hour">
<span class="ladda-label">
<i class="ab-hour-icon">
</i>8:00 am</span>
</button>

于 2017-02-24T13:02:36.107 回答
0

尝试这个

$(".ladda-label").html("<i class=\"ab-hour-icon\"></i>9-3 am");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<button value="[[3,1,1488182400]]" data-group="2017-02-27" class="ab-hour">
<span class="ladda-label">
<i class="ab-hour-icon">
</i>8:00 am</span>
</button>

于 2017-02-24T12:51:18.390 回答
0

我会这样做

$( ".ab-hour span" ).html('9-3AM');

最好更改内部 HTML，以便可以直接更改跨度。如果这不是您可以使用的选项

$( ".ab-hour span" ).html('<i class="ab-hour-icon"><span></span></i>9-3AM');
于 2017-02-24T12:51:25.973 回答
0

你是这个意思吗？

$( "yourbutton" ).html('yourtext');
于 2017-02-24T12:47:25.387 回答