为什么 Jquery 不能在 wordpress 的小部件中工作？

Question

这是我的页面：https://3brow.com/loja 这是我已经尝试过的所有代码。 所有人都尝试使用 $(document).ready(function() 但也没有用。

$('#select2-select-pa_cor-container:contains("Todoscores")').text('another text');

$('#select2-select-pa_cor-container').each(function() {
    var text = $(this).text();
    $(this).text(text.replace('TodosCores', 'another text')); 
});

$("#select2-select-pa_cor-container p:contains('TodosCores')").html("another text");

$('#select2-select-pa_cor-container:contains("TodosCores")').text('another text');
$('#select2-select-pa_cor-container').html($(this).html().replace('TodosCores','another text'));

$('#select2-select-pa_cor-container').each(function() {

   var text = $(this).html();
   $(this).html(text.replace('TodosCores', 'another text')); 

});

$( "#select2-select-pa_cor-container" ).replaceWith( "<span>another text</span>" );

我必须使用“display:none”和“before”来“工作”。

我尝试更改另一个 div 的占位符，并使用相同的代码尝试另一个 div 并工作。我正在使用 wordpress，而这两个都不起作用的是小部件。 谁能解释为什么在小部件中此代码不起作用，我该如何“修复”它？

Answer 1

您是否尝试替换此行：

$('#select2-select-pa_cor-container').html($(this).html().replace('TodosCores','another text'));

为此：

$('#select2-select-pa_cor-container').html($('#select2-select-pa_cor-container').html().replace('TodosCores','another text'));

?

我认为您没有很好地使用 this 对象。