How to change the content of the Span using jQuery?

» jquery » How to change the content of the Span using jQuery?

By : user3864375

Date : January 10 2021, 01:47 PM

hop of those help? , You can do with either:

code :

Share :

Show span content in other element after span's parent is hovered jQuery

By : Kleanthi Mandi

Date : March 29 2020, 07:55 AM

it helps some times Ok, so you have a few things that are not working. I updated your fiddle.

code :

$(document).ready(function(){
    $('#specs li a').hover(function(){        
        var toLoad = $(this).find('span').text();

        $('#specs_detail').fadeOut('fast',loadContent);
        function loadContent() {
            $('#specs_detail').html(toLoad);
            showNewContent();
        }  
        function showNewContent() {  
            $('#specs_detail').fadeIn('fast');
        }  
        return false;
    });  
});

Can I change the text content in a <span> based on the width of the <span>?

By : user3785892

Date : March 29 2020, 07:55 AM

I think the issue was by ths following , As the width of my screen decreases for a smaller mobile device I would like to be able to change the sentence I have in my to a shorter sentence so it will fit on one line. , or via CSS:

code :

.over350 {
    display: inline;
}
.below350 {
    display: none;
}
@media screen and (max-width: 350px) {
    .over350 {
        display: none;
    }
    .below350 {
        display: inline;
    }
}

<span class="over350">this is my text in the span</span>
<span class="below350">this is span text</span>

Jquery to change span tag content from array on click

By : Joel D Kraft

Date : March 29 2020, 07:55 AM

should help you out I need to change the content of span tag with class u when somebody clicks on the p tag with their respective id tag which is passed as parameter to the function so that function can convert that number to numeric and that numeric value from an array is accessed and that is added as new value completely replacing the previous value. , Try this:

code :

<p class='js-load-number' data-number='0'>one</p>
<p class='js-load-number' data-number='2'>three</p>
<p class='js-load-number' data-number='3'>four</p>

var updateScore = function() {
    var numberFromClicked = $(this).data('number');
    $('#u').html(numberFromClicked);
}
$('.js-load-number').click(updateScore);

jQuery to change div content when click span

By : Kiran Kumar B V

Date : March 29 2020, 07:55 AM

fixed the issue. Will look into that further HI check the updated code you havent include the jquery library , this works fine.

code :

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#frn").on('click', function(){
        $(".eng").html("modifier cette phrase en anglais");
    });
});
</script>
</head>
<body>



  <div class="eng"> Change this English sentence </div>
   <span id="frn" style="text-decoration:underline">French</span>

</body>
</html>