Question

我无法从名为swatch的div类中获取标题，因此我最终可以将其传递给添加到购物篮按钮。

以下是Div类：

<h4>Choose a Color:</h4>
<div class="swatch">
<a rel="0,255,0" href="#mask" class="scp" title="Green">Single Colour Green </a>
<a rel="255,255,0" href="#mask" class="scp" title="Yellow">Yellow</a>
<a rel="255,85,15" href="#mask" class="scp" title="Orange">Orange</a>
<a rel="0,0,255" href="#mask" class="scp" title="Blue">Blue</a>
<a rel="155,0,255" href="#mask" class="scp" title="Purple">Purple</a>
<a rel="255,0,0" href="#mask" class="scp" title="Red">Red</a>
</div>

以下是我无法为我做的最佳工作的脚本：

div id="cp"></div>
<script type="text/javascript">
$(document).ready(function(){
var title = $(this).attr('title');

  if (title.length != 0) {
      $('#cp').text(title);
  }
setTimeout(function () {
    // Run function with var title
    //window.location = url;
}, 2000);
});
</script>

我正在使用这两个来源的代码混合......

http://sandbox.nikorablin.com/productColorizer/

＆安培;

jQuery: Get title and href values as variables

目前我只是希望显示改变了我拥有的图像颜色，我还会看到一些显示下面标题的文字。

最终，我想将标题传递给销售页面上的“添加到购物篮”按钮。

非常感谢任何帮助。

谢谢

Answer 1

我认为你需要从'clicked'的锚点获取标题attr，在这种情况下你需要绑定到锚点的click事件，然后在那个处理程序中你$(this).attr('title')会得到你正确的事情。类似的东西：

$('a').on('click', function () {
    var title = $(this).attr('title');
    $('#cp').text(title);
});

修改

如果你想'预处理'你的锚点，比如在另一个元素中使用标题attr作为类或颜色，你可以先得到页面中的所有锚点（比如所有具有title属性的锚点）和做同样的事：

$('a[title]').each(function() { var title = $(this).attr('title'); $('#cp').addClass(title); // not sure what you want to do here });

Answer 2

这可能会对您有所帮助：

$( "a" ).click(function() {
  var title = $(this).attr('title');

  if (title.length != 0) {
  $('#cp').text(title);
 }
 setTimeout(function () {
// Run function with var title
//window.location = url;
}, 2000);
});

演示：http://jsfiddle.net/ggbhat/GLCub/

在div类中从href获取标题

2 个答案: