<p>I'd like to remove all <code><br/></code> <code><br /></code> or <code><br></code> tags from <code>#id p</code>. I tried <code>$('#id p').find('br').remove();</code> but it doesn't seem to work.</p>

<p>I tried out this example, and it worked for me:</p> <pre class="prettyprint"><code><html> <head> <title>Test!</title> <script src="jquery-1.3.2.js"/> </head> <body> <div id="foobar"> <p> This is <br/> some <br/> text. </p> </div> <input type="button" value="Click" onclick="$('#foobar p').find('br').remove();"/> </body> </html> </code></pre> <p>Is there anything different from what you are trying to do?</p>

<p>The best way to do it would be...</p> <pre class="prettyprint"><code>$('#id p br').remove(); </code></pre>

Removing all line-breaks (BRs)

2 Answers

I tried out this example, and it worked for me:

<html>
<head>
    <title>Test!</title>
    <script src="jquery-1.3.2.js"/>
</head>
<body>
    <div id="foobar">
        <p>
            This is <br/> some <br/> text.
        </p>
    </div>
    <input type="button" value="Click" onclick="$('#foobar p').find('br').remove();"/>
</body>
</html>

Is there anything different from what you are trying to do?