I'm trying to add a <hr> element into a <td> in jquery based on the class. I've managed to find the <td> elements I want to append without a problem, but I can't add the html - the <td> already contains some html, I want to append this on the end.

Here is what I'm trying:

<script>
$( document ).ready(function() {
    var something = "something";
    var element = $('td').filter(':contains(something)').html('<p>Hello</p>');
            console.log(element);
});
</script>

Thanks

I'm trying to add a <hr> element into a <td> in jquery based on the class. I've managed to find the <td> elements I want to append without a problem, but I can't add the html - the <td> already contains some html, I want to append this on the end.

Here is what I'm trying:

<script>
$( document ).ready(function() {
    var something = "something";
    var element = $('td').filter(':contains(something)').html('<p>Hello</p>');
            console.log(element);
});
</script>

Thanks

• javascript
• jquery

• 1 Can you please share markup as well? – Rajesh Commented Feb 21, 2017 at 12:16
• 6 Then use .append() instead of .html() – Andreas Commented Feb 21, 2017 at 12:17
• 1 filter(':contains(something)') would be filter(':contains('+something+')') – Roy Bogado Commented Feb 21, 2017 at 12:18
• My filter wasn't working properly @Roy this was the fix thanks – Ruth Young Commented Feb 21, 2017 at 12:24

3 Answers 3

Instead of using .html() you can use .append() which just added whatever you write into the end of the div.

Like this

$('td').filter(':contains(something)').append('<p>Hello</p>')

This will put hello after filtered <td>

You can also use .prepend() to add things to the begining of the div.

Take a look to this: https://jsfiddle/jo2t5yL0/1/
It's working with <td> and .html() Maybe you forget to include jquery lib?

try appending..something like this... and make sure you're using the jquery library

var element =$('td').filter(':contains(something)').append('<p>Hello</p>');