2

観察：

<span class="description">

Not This person?
<a href="http://www.example.com" target="_self">Click Here</ >

</span>

「description」クラスの「Notthisperson」部分と、アンカータグ「href」属性に触れずに「clickhere」部分を編集したい。

これはjQueryで可能ですか？

みんなを説明するのがとてもひどいので申し訳ありません、ここにはるかに良い説明があります：

さて、このHTMLのビットは、Pardotのレイアウトテンプレートに書き込まれます。これにより、「説明」の範囲内でコンテンツが生成されます。これには、アンカーとそのテキスト「ここをクリック」が含まれます。エディターでは、HTMLは次のようになります。

<span class="description">

%%description%%

</span>

ブラウザでは、次のように生成されます。

<span class="description">

Not This person?
<a href="http://www.example.com" target="_self">Click Here</a >

</span>

「この人ではない」要素と「ここをクリック」要素をjQueryで編集したいと思います。以前に十分に明確になっていないことをお詫びします！

4

3 に答える 3

1

編集

構造を変更することはできないため、このコードを使用して、両方の要素から抽出<a>し、更新してから、それらをマージできます。<span>

var desc = $(".description");
var a = desc.find("a");
var href = a.attr('href');
var target = a.attr('target');
desc.html("New description text" + '<a href="'+href+'" target="'+target+'">New link label</a>');

元の回答

「この人ではありませんか？」というテキストノードを分離する必要があります。から、おそらくスパンの外に移動することによって？この構造を考えてみましょう。

<span id="your_description_id" class="description">
Not This person?
</span>

<a id="your_anchor_id" href="http://www.example.com" target="_self">Click Here</a>

そして、次のようにjQueryを使用してこれらのテキストを編集できます。

$("#your_description_id").text("new description");
$("#your_anchor_id").text("new link label");
于 2012-04-30T12:04:30.617 に答える
0

「この人じゃないの？」を包むことができたら 別のスパンでは、$（'span.description span'）と$（'span.description a'）を使用して、それらを検索して編集することができます。

var englishVersion=$('span.description span').text();
var frenchVersion=somefunction(englishVersion);
$('span.description span').text(frenchversion);

等

于 2012-04-30T11:59:49.713 に答える
0

デモjsBin

   var $temp = $('.description').find('a').text('LINK').remove(); // edit, remove and store in a 'variable'
   $('.description').text('I am this person! ').append($temp); // attach
于 2012-04-30T12:24:38.617 に答える