使用特定数据属性更改所有元素的文本

我目前正在尝试使用jQuery将许多元素的文本更改为特定数据属性的值。

例如：

index.html ---------- 
text1
 
paragraph1 

我想将’text1’更改为’text2’，将’paragraph1’更改为’paragraph2’（该特定元素的数据更改值）。

我该怎么做呢？

我假设我能够用数据属性’data-change”选择’所有元素，然后只做一个简单的$(this).text($(this).data('change')); 或者其他的东西。

Answer 1

你可以这样做：

 $('[data-change]').each(function(){ $(this).text($(this).data('change')); }); 

您可以迭代元素并更改其文本。

Answer 2

.text方法可以接受回调函数。

 $('[data-change]').text(function() { return $(this).data('change'); }); 

Answer 3

你觉得怎么样〜

-html-

   text2 paragraph2  
text1
 
paragraph1
 

-js-
$（文件）。就绪（函数（）{

$('.input_select').change(function(){ var valitem = $(this).val() if (valitem == 'text2') { $('.text2').text(valitem) }else{ $('.paragraph2').text(valitem) } }) });