Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 使用Javascript将href文本替换为其他内容_Php_Javascript_Href - Fatal编程技术网

Php 使用Javascript将href文本替换为其他内容

Php 使用Javascript将href文本替换为其他内容,php,javascript,href,Php,Javascript,Href,如何使用Javascript将下面标记的href属性中的“echo ucwords($row2[mainImage1]);”替换为下面标记的src属性中的“echo$row2[selectionThumb3];” 下面是我的代码的外观: <img class="thumbNotSelected" src="../images/ThumbSelection/<?php echo $row2[selectionThumb3]; ?>.jpg" /> <div

如何使用Javascript将下面标记的href属性中的“echo ucwords($row2[mainImage1]);”替换为下面标记的src属性中的“echo$row2[selectionThumb3];”

下面是我的代码的外观:

    <img class="thumbNotSelected" src="../images/ThumbSelection/<?php echo $row2[selectionThumb3]; ?>.jpg"  />

<div class="mainImage magnify">
     <a href="../images/MainImage/<?php echo ucwords($row2[mainImage1]); ?>.jpg" rel="lightbox" title="<?=$row2[name]?>">
           <img class="mainImage small" src="../images/MainImage/<?php echo $row2[mainImage1]; ?>.jpg" /></a>
</div>
用户可以单击几个拇指。单击主图像的拇指后,主图像将加载相应的图片。但是,(用于灯箱的)永远不会更改以适应新加载的图片,并且灯箱始终使用相同的图像,而不是用户单击的图像。 谢谢

$('.mainImage a').attr('href',$('.thumbNotSelected').attr('src'))

应该做您需要的事情。

$('.mainImage a').attr('href',$('thumbNotSelected').attr('src')


应该做你需要做的。

使用下面的js,你可以动态地将链接的href更改为加载图像的相同路径。让我知道它是否有效

 $('#thumbs').delegate('img', {
    click: function(){
        $('.mainImage').attr('src',$(this).attr('src').replace('ThumbSelection','MainImage').replace('selectionThumb','mainImage'));
        $('.mainImage a').attr('href',$(this).attr('src').replace('ThumbSelection','MainImage').replace('selectionThumb','mainImage'));
        var $this = $(this),
        index = $this.index();
        $("#thumbs img").removeClass('thumbSelected');
        $this.addClass('thumbSelected');

    }});

使用下面的js,您可以动态地将链接的href更改为加载图像的相同路径。让我知道它是否有效

 $('#thumbs').delegate('img', {
    click: function(){
        $('.mainImage').attr('src',$(this).attr('src').replace('ThumbSelection','MainImage').replace('selectionThumb','mainImage'));
        $('.mainImage a').attr('href',$(this).attr('src').replace('ThumbSelection','MainImage').replace('selectionThumb','mainImage'));
        var $this = $(this),
        index = $this.index();
        $("#thumbs img").removeClass('thumbSelected');
        $this.addClass('thumbSelected');

    }});

如果您使用的是JavaScript,请显示页面的渲染标记(“在浏览器中查看源代码”),然后澄清您要求我们帮助的内容。抱歉,只是意识到不清楚。我添加了JS和其他信息。谢谢如果您使用的是JavaScript,请显示页面的渲染标记(“在浏览器中查看源代码”),然后澄清您要求我们帮助的内容。抱歉,只是意识到不清楚。我添加了JS和其他信息。谢谢