在div里面找不到img的路径

时间:2014-02-10 10:32:51

标签: jquery jquery-selectors

我想获取图像的路径并将其分配给manset_foto的src我有这个代码我找不到有什么问题。

<script type="text/javascript">
     $(document).ready(function () {

     var path = $('div#onIzlemeler img:first-child').attr('src');

    $('#manset_foto').css('display', 'none').fadeIn('slow').attr('src', path);
    $('div#onIzlemeler img').mouseenter(function () {
      $('#manset_foto').css('display', 'none').fadeIn('slow').attr('src', $(this).att('src'));
                });
            });
</script>

<div id="onIzlemeler">
    <img src="slider/1.jpg" alt="" />
    <img src="slider/2.jpg" alt="" />
    <img src="slider/3.jpg" alt="abla" />
    <img src="slider/4.jpg" alt="!" />
    <img src="slider/5.jpg" alt="" />
</div>

 <div id="manset">
        <img id="manset_foto"/>
        <p id="manset_bilgi"></p>
    </div>

2 个答案:

答案 0 :(得分:2)

您需要使用变量path

 var path = $('div#onIzlemeler img:first-child').attr('src');
 $('#manset_foto').css('display', 'none').fadeIn('slow').attr('src', path);

目前您正在使用yol

修改

使用.attr()代替.att()

你的另一个错误是.attr('src', $(this).att('src'))

DEMO

答案 1 :(得分:1)

似乎你错过了.attr()方法的“r”:

$('#manset_foto').css('display', 'none').fadeIn('slow')
                 .attr('src', $(this).att('src'));
                //----------------------^----here "r" is missing in .attr()