Question

我有一句话

<p>Hello Welcome to SunCity</p>

是否可以为SunCity提供ID？我尝试在一个范围内添加SunCity但是没有用。

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

Answer 1

这将有效：

<p>Hello Welcome to <span id="suncity">SunCity</span></p> 

<script>
   $('#suncity').click(function() {
       alert('It is working');
   });
</script>

Answer 2

添加span它应该有效。这是一个工作样本。

＆＃13;

$("#myId").click(function() {
  alert("clicked");
});

＆＃13;

#myId {
  color: red;
}

＆＃13;

<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>

＆＃13;

Answer 3

如果您需要能够单击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>

Answer 4

您只需将SunCity放在span标记内。 Span标签用于包装任何元素，除非你为它指定一些样式，否则它不会破坏UI。

所以将文本包装在一个范围内，并使用如下所示的jquery将click事件附加到范围。

<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>

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

4 个答案: