将(ID)参数从aspx页面传递到javascript函数,该函数在页面的其他地方更新ID

Passing (ID) argument from aspx page to javascript function which updates ID somewhere else on the page

本文关键字:函数 ID 其他 方更新 更新 aspx 参数 javascript      更新时间:2023-09-26

假设我有一个表,它是一个视频列表,带有相关的描述和链接。页面上只显示了一个视频。当一个链接被点击时,我希望那个点击取对应视频的ID,并把它传递给视频播放器div,更新任何显示的视频,准备播放。

视频名称|描述|观看…和重复……由c#中的foreach生成

我相信我需要使用

.bind( 'click', [eventData,] handler(eventObject) )

,但我不确定什么放在第二个参数-我知道我想要的ID,但从哪里?"观看"文本是否必须做成(提交)按钮之类的?

我本能地认为这很简单……如果有的话,我很抱歉问了这个愚蠢的问题!:)

那么为什么不在链接上使用onclick事件呢?

<a id="1" href="javascript:void(0)" onclick="DoSomething(this.id)">Simple's</a>

我通常是这样做的:

<sometag data-id="id-for-the-data"></sometag>
<script>
  function onSometagClick() {
     $(this).prop('data-id'); // read the id so we can us it
  }
  $(function(){
     $(document.body).delegate('sometag','click',onSometagClick); //handle clicks on all 'sometag' ellements
});
</script>

如果你想要一个不那么一般的答案,请提供一些标记:)

我不使用id属性的原因有三个:

1:将标记/DOM与实际数据

分开

2: id属性不允许以数字开头,我的数据id几乎总是来自数据库某处的数字。

3:如果我需要在一个页面上多次引用相同的数据,id属性是不好的,因为它需要是唯一的