jQuery按钮与链接具有相同的功能

jQuery是

$(function() {
    // videoThumb is a css class found in the foreach list class="videoThumb". ytvideo is the holder ID set as div ID
    $(".videoThumb4").on('click').ytplaylist({
        holderId: 'ytvideo4',
        html5: true,
        playerWidth: '520',
        autoPlay: false,
        sliding: false,
        listsliding: true,
        social: true,
        autoHide: false,
        playfirst: 0,
        playOnLoad: false,
        modestbranding: true,
        showInfo: false
    });
});

可点击的主要链接如下

<a class="videoThumb4" href="http://www.youtube.com/watch?v=' . $yValue['videoid'] . '">
    ' . $yValue['description'] . '
</a>

然后我希望这个链接就像下面的按钮一样。具有相同的价值和功能。 按钮按下了，对吗

<input class="videoThumb4" onclick="ytplaylist();" type="button" name="previewSel" value="Preview" id="previewbut">

---

示例链接是

，因为函数的jQuery选择器是使用css类名编写的，所以只需为元素指定相同的类名即可。删除onlick事件，因为该功能已在ready事件中绑定

您还缺少button元素的结束标记

<input class="videoThumb4" type="button" 
                           name="previewSel" value="Preview" id="previewbut" />

我认为您不能在javascript中使用HTML注释或使用

进行连接。更新：@roko已更改代码@罗科：你不应该那样做。也许这就是问题所在，然后每个人都会说它有效。谢谢你的回复。我尝试了你的建议，但视频仍然没有播放。这是我为[link]工作的pplugins的示例网站