【问题标题】:Get product name from parent element从父元素获取产品名称
【发布时间】:2014-04-19 21:33:29
【问题描述】:

在这里,当单击“立即购买”按钮时,我试图在警报框中获取产品名称。我还需要维护在 jquery 中放置代码的按钮的 onclick 事件。

<h2 class="product-name"><a href="product1.php" title="Sample Product Name">Sample Product Name</a></h2>

http://jsfiddle.net/LkKbz/

我所做的方法是给我空白警报框可能是因为我正在调用父元素。请帮忙

请注意,我不希望在单击产品名称或图像时出现警报。只想按按钮

【问题讨论】:

  • juvian 提供的答案会起作用,你应该看看api.jquery.com/category/traversing
  • @SebastianG.Marinescu 感谢兄弟,你真的很有帮助。一个问题是 onClick 事件没有推送 URL。我应该删除 window.open(href,(!target?"_self":target)); ?或者用其他东西替换它 $('a', this).attr("href");
  • 因为网址不在“href”上;)

标签: javascript jquery html


【解决方案1】:

改变这个:

var text = $(this).parents(".item").find('.product-name').text();  

【讨论】:

  • 哇,我第一次看到 parents(),我多次使用 parent() :D 现在我感觉很糟糕。
  • Dom 的旅行就像星际迷航的 Web 开发者:D 感谢此链接。
  • @NikolayTalanov:我很高兴我不是唯一一个。父母()呐喊呐喊
  • @juvian 谢谢你的解决方案运行良好。但是有一个问题,按钮上的 onClick 事件没有推送 URL,对此有什么建议吗?
  • @user3550203 setLocation 是你创建的函数吗?您想在警报后将用户重定向到该网址吗?
【解决方案2】:

这是答案

var text = $(this).parents('li').first().find('.product-name').text();

http://jsfiddle.net/LkKbz/1/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-01-07
    • 1970-01-01
    • 1970-01-01
    • 2020-11-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多