编辑文本而不影响列中的内容

时间:2018-07-26 11:40:53

标签: javascript jquery

我想在不影响图像的情况下更改列中的文本。 Jquery怎么可能?是否可以仅使用Jquery而不编辑html代码来实现?

请参见demo

$(".jsNoWrap").text("Change text");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td class="jsNoWrap jsalignleft">
  <img alt="" class="img-thumbnail img-responsiveemblInline" src="https://i.imgur.com/3qzhIYP.jpg" width="65" style="max-width: 65px;">Change Me without affecting the image please</td>

1 个答案:

答案 0 :(得分:1)

JQuery不是处理没有标签的内容的正确工具。试用JavaScript:

document.querySelector(".jsNoWrap").childNodes[2].textContent = "Change text";

fiddle(我将td替换为div进行演示)

相关讨论:Using .text() to retrieve only text not nested in child tags