Question

我想找到一种方法，使所有“ titolonuovo”类都具有强标签，而不是黑体字，而是我分配给强标签的效果。您知道jquery的方法吗？

   <h2 class="titolonuovo"><strong>xxxxxxxxx</strong></h2>
    <h2 class="titolonuovo">yyyyyyyyy</h2>
    <h2 class="titolonuovo">zzzzzzzzz</h2>

jQuery( document ).ready(function() {
  if (jQuery('h2').hasClass("titolonuovo")) {
//WHAT SHOULD I DO HERE
});

Answer 1

也稍微清理了一下代码。

它遍历所有<h2>且没有<strong>标签作为子标签的titolonuovo类。然后，它使用wrapInner()用<h2>标签包裹<strong>标签的内容。

如果您不使用:not(:has("strong"))，则会将第一个h2包装在另一个<strong>标签中，如下所示：<h2 class="titolonuovo"><strong><strong>xxxxxxxxx</strong></strong></h2>

$(document).ready(function() {
  $('h2.titolonuovo:not(:has("strong"))').wrapInner('<strong></strong>');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h2 class="titolonuovo"><strong>xxxxxxxxx</strong></h2>
<h2 class="titolonuovo">yyyyyyyyy</h2>
<h2 class="titolonuovo">zzzzzzzzz</h2>

Answer 2

您可以使用find()：$('h2.titolonuovo').find('strong').length

Answer 3

您可以遍历它并检查类是否存在。

jQuery( document ).ready(function()
{
    var h2tags=$('h2');
    $.each(h2tags,function(i,o)
    {
        var currentobj=$(this);
        if (currentobj.hasClass("titolonuovo")) {
            var text= currentobj.text()
            currentobj.html('')
            currentobj.html('<strong>'+text+'</strong>')
            console.log($(this).html())
        }  
    })
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h2 class="titolonuovo"><strong>xxxxxxxxx</strong></h2>
<h2 class="titolonuovo">yyyyyyyyy</h2>
<h2 class="titolonuovo">zzzzzzzzz</h2>

仅将强标签添加到类的元素

3 个答案: