Javascript Onclick使用jQuery在另一个div中更改图像源

Javascript Onclick使用jQuery在另一个div中更改图像源,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有3个小div,当你点击我想在我的页面顶部弹出一个更大的div时,唯一的问题是我根本无法让它工作,我不知道为什么 我正在努力更新 $('.highlight-image').on('click', function (e) { console.log('clicked'); var currImg = $(this).find('.imageHolder').children('img').attr('src'); var currP = $(this).find('blockquote'

我有3个小div,当你点击我想在我的页面顶部弹出一个更大的div时,唯一的问题是我根本无法让它工作,我不知道为什么

我正在努力更新

$('.highlight-image').on('click', function (e) {

console.log('clicked');

var currImg = $(this).find('.imageHolder').children('img').attr('src');
var currP = $(this).find('blockquote').text;

var targetImg = $('.featuredTestimonial img');
var targetName = $('.featuredTestimonial h2');
var targetP = $('.featuredTestimonial p');

$('.featuredTestimonial p').text = currP;
$('.featuredTestimonial img').attr('src'); = currImg;

});
改变

改变

试试这个:

$('.featuredTestimonial p').text(currP);
$('.featuredTestimonial img').attr('src', currImg);
而不是

$('.featuredTestimonial p').text = currP;
$('.featuredTestimonial img').attr('src'); = currImg;
试试这个:

$('.featuredTestimonial p').text(currP);
$('.featuredTestimonial img').attr('src', currImg);
而不是

$('.featuredTestimonial p').text = currP;
$('.featuredTestimonial img').attr('src'); = currImg;
使用它

工作

使用它

工作


.text函数需要括号内的参数,无法使用赋值。text=val有两个错误,修复了演示。text函数需要括号内的参数,无法使用赋值。text=val有两个错误,修复了演示。
 $('.highlight-image').on('click', function(e) {
     var currImg = $(this).find('.imageHolder').children('img').attr('src');
     var currP = $(this).find('blockquote').text();

     var targetImg = $('.featuredTestimonial img');
     var targetName = $('.featuredTestimonial h2');
     var targetP = $('.featuredTestimonial p');

     $('.featuredTestimonial p').text(currP);
     $('.featuredTestimonial img').attr('src', currImg);
 });