获取图像的URL内里

-1

<li> 
    <div class="product-container"> 
     <div class="product-imgs"> 
      <img src="https://xxxx.png"> 
     </div> 
     <div class="product-desc product-desc-top"> 
      <h3>Kitten 1</h3> 
      <p class="title-desc">This is kitten kitten kitten kitten kitten kitten</p> 
     </div> 
     <div class="product-desc product-desc-bottom"> 
      <h4>$ 999</h4> 
      <p class="count-buyers">1 buyer</p> 
     </div> 
    </div> 
</li>

我有很多的<li>，那我想是这样的条件：

如果我点击<li>我想获取img网址。我也想获得h3，p，h4，p的内容。

是否有可能使用jQuery处理这种情况？

感谢

来源

2013-05-15 Hariawan

在它的当前状态，你的问题是没有意义的（对我来说）。如果可能的话，请尝试重新编写它，因为我甚至无法开始理解它足以进行编辑。 – user1596138

是的，完全有可能。发布你到目前为止已经试过的.. – techfoobar

@JosiahSouth对不起，我的英语技能不够好。 :) 我们的朋友Binhvi＆cherhan得到了答案。 – Hariawan

试一试：

//获取图片url和标签clone。

$(function() { 
      $("li").click(function(){ 
       var imgUrl = $(this).find("img").attr("src"); 
       var h3 = $(this).find("h3").clone(); 
       var h4 = $(this).find("h4").clone(); 
       var title_desc = $(this).find(".title-desc").clone(); 
       var count_buyers = $(this).find(".count-buyers").clone(); 
      }) 
     });

//获取图片URL和标签上的文字。

$(function() { 
      $("li").click(function(){ 
       var imgUrl = $(this).find("img").attr("src"); 
       var h3 = $(this).find("h3").text(); 
       var h4 = $(this).find("h4").text(); 
       var title_desc = $(this).find(".title-desc").text(); 
       var count_buyers = $(this).find(".count-buyers").text(); 
      }) 
     });

来源

2013-05-15 06:01:32 Binhvi

试试这个：

$('li div:first-child div img').attr('src'); 

var value = $('li div:nth-child(2) div h3').html(); 

var value2 = $('li div:nth-child(2) div h4').html();

等。

来源

2013-05-15 05:58:22

请对-1加入评论 –

啊！我现在明白这个问题。这不应该是-1。 + 1-ING。 – user1596138

你可以做到这一点

$('li').click(function() 
    { 
    var img = $(this).find('img'); 
var url = $(img).attr('src');   
var h3 = $(this).find('h3').html(); 
    });

工作的jsfiddle：http://jsfiddle.net/WZL7J/1/

来源

2013-05-15 06:02:04 cherhan

获取图像的URL内里

回答

相关问题