Having Issue on Passing Variable into HTML Class Tag

Question

Working in WordPress PHP I am trying to pass a value into class tag of an element

<div class="element-item"></div>

to be like

<div class="element-item comedy"></div>

$term = get_the_term_list( get_the_ID(), 'type' );
echo '<div class="element-item '.$term.'">';

the value is pupping out of the class tag and display on the page!

I checked the source code and it seems that I am passing entire a link to the class tag! Canadian

can you please let me know why this is happening and how I can fix it?

Answer 1

Right, that's because "get_the_term_list" returns an html string of tags... Those won't work well as class attributes! : )

I suspect what you want is wp_get_post_terms instead:

$terms = wp_get_post_terms( get_the_ID(), 'type', array('fields' => 'slugs') ); // array of term slugs
echo '<div class="element-item'.implode(' ', $terms).'">';

Hope this helps!

Answer 2

echo '<div class="element-item '.$term.'">';

Seems like the ' is closing? Have you tried this?

echo '<div class="element-item \'.$term.\'">';

or

echo "<div class=\"element-item $term\">";

https://secure.php.net/manual/en/regexp.reference.escape.php