如何使用jQuery在另一个元素的元素中显示图像

-3

我想使用jQuery选择并显示图像。
我试图clicktile_details div和显示tile__media图像在col-md-6与jQuery。如何使用jQuery在另一个元素的元素中显示图像

<div class="tile"> 
    <div class="tile__media"> 
    <img class="tile__img" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/70390/show-18.jpg" alt="" /> 
    </div> 
    <div class="tile__details"> 
    <div class="tile__title"> 
     Top Gear 
    </div> 
    </div> 
</div> 


<div class="container-fluid" style="display:none"> 
    <div class="row"> 
    <div class="col-md-6"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque eveniet reprehenderit, consequatur perferendis repellendus omnis libero laboriosam nostrum tenetur nulla dolores quos id delectus quo obcaecati eaque provident? Maxime, atque. Lorem ipsum 
     dolor sit amet, consectetur adipisicing elit. Itaque eveniet reprehenderit, consequatur perferendis repellendus omnis libero laboriosam nostrum tenetur nulla dolores quos id delectus quo obcaecati eaque provident? Maxime, atque. Lorem ipsum dolor 
     sit amet, consectetur adipisicing elit. Itaque eveniet reprehenderit, consequatur perferendis repellendus omnis libero laboriosam nostrum tenetur nulla dolores quos id delectus quo obcaecati eaque provident? Maxime, atque. Lorem ipsum dolor sit 
     amet, consectetur adipisicing elit. Itaque eveniet reprehenderit, consequatur perferendis repellendus omnis libero laboriosam nostrum tenetur nulla dolores quos id delectus quo obcaecati eaque provident? Maxime, atque. Lorem ipsum dolor sit amet, 
     consectetur adipisicing elit. Itaque eveniet reprehenderit, consequatur perferendis repellendus omnis libero laboriosam nostrum tenetur nulla dolores quos id delectus quo obcaecati eaque provident? Maxime, atque. 
    </div> 
    <div class="col-md-6"> 
     //Display Image 
    </div> 
    </div> 
</div>

来源

2017-07-07 Cognosys TausibR

人们downvoting因为你不显示任何努力，通过自己来做。添加一些你已经尝试过的代码，也许相关的CSS。 – user5014677

请发布有问题的代码，最好在演示问题的工作片段中，以便我们了解可能的原因。请参阅[**我如何提出一个好问题**]（https://stackoverflow.com/help/how-to-ask）以及如果适用，[**如何创建最小，完整和可验证示例**]（https://stackoverflow.com/help/mcve） – Nope

还因为您的指示不清楚，引导程序的html是什么？ “//显示图片”评论意味着什么？ – Lewk

如果我正确地理解了这个问题，您想从'.tile__media'div中获取图像并将其设置为该div的内容。如果你给DIV的标识，这可以通过下面的jQuery来实现：

$(".tile__details").click(function(e) { 
    $('#imageDiv').html($('.tile__media').html()); 
});

jsFiddle

更新：如果你希望它是动态的，根据你点击后的图像，你可以克隆图片点击进入div。代码如下：

$(".tile__img").click(function(e) { 
    $('#imageDiv').html($(this).clone()); 
});

jsFiddle

来源

2017-07-07 09:35:36 Joel

其实我正在创建滑块。如果我点击任何图像，它会在另一个div中显示底部。 –

我现在会更新我的答案 – Joel

好的。和Thanx。 :)我试图创建像netflix幻灯片。如果你知道如何创建plz帮助我。 –

如何使用jQuery在另一个元素的元素中显示图像

回答

相关问题