为段落文本的一部分分配 ID

Assign an ID for a part of a paragraph text

本文关键字：分配 ID 一部分 段落 文本      更新时间：2023-09-26

我有一句话 

<p>Hello Welcome to SunCity</p>

可以给SunCity身份证吗？我尝试在跨度内添加太阳城，但没有奏效。

这样做的目的是，我需要在单击SunCity时执行trigger()。

这将起作用：

<p>Hello Welcome to <span id="suncity">SunCity</span></p> 
<script>
   $('#suncity').click(function() {
       alert('It is working');
   });
</script>

添加一个span它应该可以工作。这是一个工作示例。

$("#myId").click(function() {
  alert("clicked");
});
#myId {
  color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Hello Welcome to <span id="myId">SunCity</span>
</p>

如果您需要能够单击SunCity，则需要将其包装在元素中。然后为该包装元素提供一个单击处理程序，它可以触发您想要的事件

$('button').click(function() {
  $('body').append('<div>Clicked</div>');
});
$('#useInTrigger').click(function() {
  $('button').click()
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Hello Welcome to <span id="useInTrigger">"SunCity</span>
</p>
<button>Click me</button>

你只需要把你的太阳城放在一个span标签里。span标签用于包装任何元素，除非您为其指定一些样式，否则它不会破坏UI。

因此，将您的文本包装在一个跨度内，并使用 jquery 将单击事件附加到跨度，如下所示。

<p>Hello Welcome to <span id="SunCity">SunCity</span></p> 
<script>
   $('#SunCity').on('click',function() {
       alert('Suncity has been clicked!! do your stuff now');
   });
</script>
相关文章：