用jQuery插件如何改变img src的值

Posted 2023-05-13

我想实现的就是点击按钮实现读取数据库中下一行的数据。现在文字都能出效果，就是 $("img").attr("src","photo/'jsObject['photo']'");这一行图片出不来，求大神给指点下。数据库中存的是图片文件名，想调用的就是服务器photo文件夹中的图片。
这是JS函数
function GetNext()
var id=$("#sid").val();
$.get("test.php", sid: id,
function(data)
var jsObject = eval('('+data+')');
if(jsObject)
$("input[name='name']").val(jsObject['name']);
$("input[name='company']").val(jsObject['company']);
$("input[name='job']").val(jsObject['job']);
$("input[name='tele']").val(jsObject['tele']);
$("input[name='email']").val(jsObject['email']);
$("input[name='beizhu']").val(jsObject['beizhu']);
$("img").attr("src","photo/'jsObject['photo']'");
$("#sid").val(jsObject['id']);
//alert(jsObject['id']);
//alert("Data Loaded: " + data);
else
alert("已经到最后一张名片了。");

);


test.php
<?php
$db=mysql_connect("localhost","root","12345") or die("数据库连接失败!");
$sel=mysql_select_db("message",$db) or die("数据库选择失败!");
mysql_query("set names utf8");
$sql="select * from `mingpian` where id > $_GET['sid'] limit 1";
$query = mysql_query($sql);
$row = mysql_fetch_array($query,MYSQL_ASSOC);
$jsonencode = json_encode($row);
echo $jsonencode;
?>

/*在实际开发中，我们一般不使用jquery来改变img的src属性，这种方法是不可取的。
//你可以先设置好一个CSS样式，然后用jq的addclass方法来动态的给dom节点添加一个class来覆盖原来的class达到修改图片的样式*/
//例如：
//你先设置一个CSS
a.on
    background: url(../images/a/png);

//然后用jquery动态添加一个CSS样式来覆盖原来的样式
    $('#a').click(function()
            $(this).addClass('on');
        
    );

参考技术A

字符串链接错误吧

$("img").attr("src","photo/" + jsObject['photo']);

本回答被提问者采纳 参考技术B "photo/'jsObject['photo']'"

这句话八成有问题 试着输出来先。 两个分号里面又有分号。 参考技术C 看生成的图片URL，如果没意外应该是路径错了

jQuery改变label/input的值，改变class，改变img的src

jQuery改变label/input的值。改变class，改变img的src

jQuery改变label的值:

$(‘#aID‘).text("New Value");

jQuery改变input的值:

$(‘#aID‘).val("New Value");

jQuery改变class属性：

$(‘#aID‘).attr(‘class‘, "newClass");//设置class
$(‘#aID‘).addClass(‘newClass‘);//添加一个class
$(‘#aID‘).removeClass(‘oldClass‘).addClass(‘newClass‘);
$(‘#aID‘).toggleClass(‘oldClass newClass‘); //以空格分隔的class 切换

jQuery改变image的src，切换图片：

$(‘#aID‘).attr(‘src‘, "newSrc");