javascript - 你如何让 Bootstrap 的 $this 属性/属性用作参数

Question

我如何获取 Twitter Bootstrap 参数值的弹出窗口的这个属性，比如我需要获取列表项属性，即要在 Bootstrap 弹出窗口标题中使用的 data-boothtype？数据标题还不够

HTML

<li class="booth" data-boothnumber="46" data-boothtype="prime" style="left: 240px; top: 30px;">46</li>

JS

$('.booth').popover({title: this.data-boothtype + "'s Booth", content: "test", placement: "right", callback:function(){ console.log(this)}});

附言:回调函数是来自 Callback function after tooltip / popover is created with twitter bootstrap? 的测试单元

$.fn.popover.Constructor.prototype.show = function () {
  tmp.call(this);
  if (this.options.callback) {
    this.options.callback();
  }
}

编辑好的，这里缩小范围:http://jsfiddle.net/tHHQ6/

Answer 1

你需要做的

$('.booth').each(function(i, v){
    var $el = $(v);
    $el.popover({
        title: 'test' + $el.data('boothnumber'), 
        content: "test", 
        placement: "right"
    });
});

演示:Fiddle