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>

我想用简单的文字替换整个内容＆＃34;错误！所需的价值＆＃34;意味着我不想要这个标签。

我的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>

我已经改进了你的代码，它应该像你想象的那样工作:)

BTW为什么你在代码中使用了jQuery.noConflict();，你是否试图在你的页面中使用多个Jquery lib？

Answer 4

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

通过Jquery更改表列的内容

4 个答案: