Javascript 将最小宽度添加到具有自动生成id的引导的特定工具提示

我有一个带有thymeleaf的html视图。这个html有一个大表，其中有各种样式的工具提示，可以正确工作，但现在我不想在特定列中的工具提示中添加mi宽度。具有以注释工具提示开头的id的用户

使用thymeleaf生成的每个文件都有一个以commentTootip开头的id

我尝试了许多可能的解决办法，但都没有成功。现在我想我即将找到一个解决办法，但我无法。因为问题是如何访问。工具提示内部开关是在de DOM准备就绪后由引导程序自动生成的

我现在的解决方案是：

<td id="commentTooltip6H78SHF data-html="true" data-toggle="tooltip" data-original-title='Tooltip Text One'>
<td id="commentTooltip8RQ671S data-html="true" data-toggle="tooltip" data-original-title='Tooltip Text two'>



$('td')
  .filter(function() {
    return this.id.match(/commentTooltip*/);
  }).next($('.tooltip > .tooltip-inner')).attr('min-width','400px');

---

感谢您的帮助

当有人评论时，可以使用

[id^=commentTooltip]

^=表示“以开始”。相反，$=表示“以”。-

因此，您可以轻松地将

minWidth

CSS属性应用于ID中包含

commentTooltip

的所有工具提示

鉴于此HTML：

<td id="commentTooltip8RQ671S" href="#">
 <span class="tooltip">tooltip</span> 
    click
</td>

---

没有“最小宽度”属性，有一个属性样式可以具有“最小宽度”属性。请参考此可能的副本Ok，是的，但这不是问题所在，在这种情况下，问题是如何访问由bootstrapple生成的工具提示inner。实际上，您有两个问题—您正在尝试访问正确的id—据我所知，您希望访问其中一个工具提示，而不是另一个？另一个问题是，一旦有了css，就要对其进行更改，这是您试图使用.attr方法来完成的——该部分应该使用Jquery方法来使用css。至于另一个，我不明白你选择一个工具提示而不是另一个的标准是什么？你能澄清一下吗？这会改变元素，但不会改变Bootsrtap在hover This't work@Ivor上生成的工具提示。问题是引导生成的工具提示不是子级。当我生成工具提示引导时，添加一个随机的atribute

descripeby=“tooltip32634”

，工具提示元素是一个新的

<td id="commentTooltip8RQ671S" href="#">
 <span class="tooltip">tooltip</span> 
    click
</td>

$('td[id^=commentTooltip]').on('mouseover', function() {
  let tooltip = $(this).children('.tooltip');

  tooltip.css({
   'display': 'inline-block', /* only for visualization */
   'minWidth': '300px'
  })
})