HTML을 삭제하지 않고 텍스트 편집

"33 available"텍스트를 숨기려고하는데 티켓을 구매할 때 번호가 변경됩니다. 텍스트를 직접 편집 할 수 없습니다. 나는 또한는 .text 사용하여 시도HTML을 삭제하지 않고 텍스트 편집

$('form#registrationForm table tbody tr td table tbody tr td table tbody tr td table tbody tr td:contains("Run on the Upper")').html('<b>Runner:</b> $90.00<br />Run on the Uper Valley Haven\'s Covered Bridges Half Marathon team!');

사용할 수 (33)를 선택하고 해당 라인을 숨길 수있는 가장 좋은 방법이 무엇인지, :

<table width="100%" cellspacing="0" cellpadding="2" border="0" style=""> 
    <tbody> 
    <tr bgcolor="#eeeeee"> 
    <td colspan="2"> 
     <input type="hidden" value="90" name="fees"> 
     <input type="hidden" value="1992261" name="feeID"> 
     <input type="hidden" value="Shirt,X-Small, Small, Medium, Large, X-Large, R" name="shirtSizeArray"> 
     <input type="hidden" value="0" name="setdiscountflag"> 
     <b>Runner</b>: $90.00<br>Run on the Upper Valley Haven's Covered Bridges Half Marathon team!<br>33 available 
     <input type="hidden" value="Shirt,X-Small, Small, Medium, Large, X-Large, R" name="shirtsize1992261"><input type="hidden" value="" name="setGoalAmt"> 
    </td> 
    </tr> 
    </tbody> 
</table>

나는 다음과 같은 시도, 그러나 이것은 다른 HTML 정보를 제거 할 것인가? 여기

는 http://jsfiddle.net/jelane20/76ebL7ko/1/

미리 감사의 HTML과 바이올린입니다!

출처

2014-12-18 Jenny

'테이블 tbody tr td 테이블 tbody tr td 테이블 tbody tr td 테이블 tbody tr td' - 당신은 심각한가요? 그건 그렇고, 피들이나 질문의 코드도 ID가 'registrationForm' 인 폼을 포함하고 있지 않습니다. – Regent

일반적으로 질문에 대한 : 특정 클래스와 함께 필요한 텍스트를 ''으로 감싸고이 ''을 숨 깁니다. '$ ('# registrationForm 테이블 tbody td : contains ("Run on the Upper") .js-count'). hide();'와 같은 것. [피들] (http://jsfiddle.net/76ebL7ko/2/). – Regent

ID를 선택할 때 각 ID가 페이지에서 고유해야하므로 ID를 입력 할 필요가 없습니다. – Lexib0y

하나 쉬운 옵션은 그래서 같은 <span> 태그로 '는 '33 사용할 수를 포위하는 것입니다

<span id='available'>33 available</span>

편집 :

$('td').contents().filter(function() 
{ 
    return this.nodeType==3 && this.nodeValue.trim(); 
}).last().wrap('<span id="available">');

이 점점 다음과 같은 코드를 사용하여이 작업을 수행 할 수 공백 문자가 아닌 마지막 텍스트 노드를 스팬에 배치합니다. 이제 그냥 텍스트를 액세스하고 숨길 수 있습니다 :

$($('td br:last')[0].nextSibling).wrap('<span id="avail">');

다음과 조작,

$('#available').hide();

출처

2014-12-18 14:26:36

HTML을 직접 편집 할 수 없습니다. – Jenny

랩 태그의 텍스트가이 쉽게 작정 조작을 할 것입니다 $('#avail')

http://jsfiddle.net/76ebL7ko/3/

출처

2014-12-18 14:33:45 Musa

HTML을 삭제하지 않고 텍스트 편집

답변

관련 문제