javascript - 用 Jquery 更改表格列的内容

Question

我有以下由 apex 生成的 html 代码

<td class="dataCol last " colspan="2">
  <ul title="Error! " style="color:red">
    <li>    Account Name: You must enter a value </li>
    <li>    Email: You must enter a value </li>
    <li>    User Name: You must enter a value </li>
    <li>    Contact Name: Validation Error: Value is required. </li>
    </ul>
</td>

我想用一个简单的文本“错误！需要值”来替换整个内容，这意味着我不想要这个标签。

我的 jquery 代码如下所示，但它不起作用，如果可能，请更正

<script type="text/javascript">
  jQuery.noConflict();
  jQuery(document).ready(function(){
    jQuery('.dataCol.last ').each(function() {

         var lastColumn = $(this).html();
         var replaceValue = "Error! Value Required";

        jQuery(this).html(replaceValue );
        });
  });       
</script>

Answer 1

$(document).ready(function () {
    $('.dataCol').html('Error! Value Required');
});

试试这个

Answer 2

如果你只想替换那个的全部内容td，试试这个

$(document).ready(function(){
    $(".dataCol.last").html("Error! Value Required");
});

Answer 3

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery('.dataCol.last ').each(function() {

    // var lastColumn = $(this).html();
     //var replaceValue = "Error! Value Required";

    jQuery(this).html("<ul><li>Error! Value Required</li></ul>" );
    });
 });       
</script>

我已经完善了您的代码，它应该可以按您的预期工作:)

顺便说一句，你为什么jQuery.noConflict();在你的代码中使用，你是否试图在你的页面中使用多个 Jquery 库？

Answer 4

$(document).ready(function () {
    $(".dataCol").html("error");
});